@eslamdevui/ui 3.2.0-beta.2 → 3.2.0

package/dist/runtime/components/prose/Td.vue

@@ -15,7 +15,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.td ||
 </script>
 
 <template>
-  <td :class="ui({ class: props.class })">
-    <slot />
-  </td>
+  <td :class="ui({ class: props.class })">
+    <slot />
+  </td>
 </template>

package/dist/runtime/components/prose/Th.vue

@@ -15,7 +15,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.th ||
 </script>
 
 <template>
-  <th :class="ui({ class: props.class })">
-    <slot />
-  </th>
+  <th :class="ui({ class: props.class })">
+    <slot />
+  </th>
 </template>

package/dist/runtime/components/prose/Thead.vue

@@ -15,7 +15,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.thead
 </script>
 
 <template>
-  <thead :class="ui({ class: props.class })">
-    <slot />
-  </thead>
+  <thead :class="ui({ class: props.class })">
+    <slot />
+  </thead>
 </template>

package/dist/runtime/components/prose/Tr.vue

@@ -15,7 +15,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tr ||
 </script>
 
 <template>
-  <tr :class="ui({ class: props.class })">
-    <slot />
-  </tr>
+  <tr :class="ui({ class: props.class })">
+    <slot />
+  </tr>
 </template>

package/dist/runtime/components/prose/Ul.vue

@@ -15,7 +15,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ul ||
 </script>
 
 <template>
-  <ul :class="ui({ class: props.class })">
-    <slot />
-  </ul>
+  <ul :class="ui({ class: props.class })">
+    <slot />
+  </ul>
 </template>

package/dist/runtime/components/prose/callout/Caution.vue

@@ -5,7 +5,7 @@ const appConfig = useAppConfig();
 </script>
 
 <template>
-  <Callout color="error" :icon="appConfig.ui.icons.caution">
-    <slot mdc-unwrap="p" />
-  </Callout>
+  <Callout color="error" :icon="appConfig.ui.icons.caution">
+    <slot mdc-unwrap="p" />
+  </Callout>
 </template>

package/dist/runtime/components/prose/callout/Note.vue

@@ -5,7 +5,7 @@ const appConfig = useAppConfig();
 </script>
 
 <template>
-  <Callout color="info" :icon="appConfig.ui.icons.info">
-    <slot mdc-unwrap="p" />
-  </Callout>
+  <Callout color="info" :icon="appConfig.ui.icons.info">
+    <slot mdc-unwrap="p" />
+  </Callout>
 </template>

package/dist/runtime/components/prose/callout/Tip.vue

@@ -5,7 +5,7 @@ const appConfig = useAppConfig();
 </script>
 
 <template>
-  <Callout color="success" :icon="appConfig.ui.icons.tip">
-    <slot mdc-unwrap="p" />
-  </Callout>
+  <Callout color="success" :icon="appConfig.ui.icons.tip">
+    <slot mdc-unwrap="p" />
+  </Callout>
 </template>

package/dist/runtime/components/prose/callout/Warning.vue

@@ -5,7 +5,7 @@ const appConfig = useAppConfig();
 </script>
 
 <template>
-  <Callout color="warning" :icon="appConfig.ui.icons.warning">
-    <slot mdc-unwrap="p" />
-  </Callout>
+  <Callout color="warning" :icon="appConfig.ui.icons.warning">
+    <slot mdc-unwrap="p" />
+  </Callout>
 </template>

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

@@ -100,8 +100,8 @@ const linkClass = computed(() => {
 </script>
 
 <template>
-  <template v-if="custom">
-    <slot
+  <template v-if="custom">
+    <slot
       v-bind="{
   ...$attrs,
   ...routerLinkProps,
@@ -111,11 +111,11 @@ const linkClass = computed(() => {
   href,
   active: isLinkActive,
   isExternal
-}"
-    />
-  </template>
-  <ULinkBase
-    v-else
+}"
+    />
+  </template>
+  <ULinkBase
+    v-else
     v-bind="{
   ...$attrs,
   ...routerLinkProps,
@@ -124,9 +124,9 @@ const linkClass = computed(() => {
   disabled,
   href,
   isExternal
-}"
-    :class="linkClass"
-  >
-    <slot :active="isLinkActive" />
-  </ULinkBase>
+}"
+    :class="linkClass"
+  >
+    <slot :active="isLinkActive" />
+  </ULinkBase>
 </template>

package/dist/runtime/inertia/components/LinkBase.vue

@@ -31,19 +31,19 @@ function onClickWrapper(e) {
 </script>
 
 <template>
-  <InertiaLink
-    v-if="!!href && !isExternal && !disabled"
-    :href="href"
+  <InertiaLink
+    v-if="!!href && !isExternal && !disabled"
+    :href="href"
     v-bind="{
   target: target || (isExternal ? '_blank' : void 0),
   ...$attrs
-}"
-    @click="onClickWrapper"
-  >
-    <slot />
-  </InertiaLink>
-  <Primitive
-    v-else
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </InertiaLink>
+  <Primitive
+    v-else
     v-bind="href ? {
   'as': 'a',
   'href': disabled ? void 0 : href,
@@ -60,9 +60,9 @@ function onClickWrapper(e) {
 } : {
   as,
   ...$attrs
-}"
-    @click="onClickWrapper"
-  >
-    <slot />
-  </Primitive>
+}"
+    @click="onClickWrapper"
+  >
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/types/app.config.d.ts

@@ -1,6 +1,6 @@
-declare module '#build/app.config' {
-  import type { AppConfig } from '@nuxt/schema'
-
-  const _default: AppConfig
-  export default _default
-}
+declare module '#build/app.config' {
+  import type { AppConfig } from '@nuxt/schema'
+
+  const _default: AppConfig
+  export default _default
+}

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>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eslamdevui/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.2.0-beta.2",
+  "version": "3.2.0",
   "packageManager": "pnpm@10.12.2",
   "repository": {
     "type": "git",

package/vue-plugin.d.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from 'vue'
-
-declare const plugin: Plugin
-
-export default plugin
+import type { Plugin } from 'vue'
+
+declare const plugin: Plugin
+
+export default plugin