@eslamdevui/ui 3.2.0-beta.2 → 3.2.1

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

@@ -19,14 +19,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 </script>
 
 <template>
-  <h2 :id="id" :class="ui.base({ class: props.class })">
-    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
-      <span :class="ui.leading({ class: props.ui?.leading })">
-        <UIcon :name="appConfig.ui.icons.hash" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
-      </span>
-
-      <slot />
-    </a>
-    <slot v-else />
-  </h2>
+  <h2 :id="id" :class="ui.base({ class: props.class })">
+    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
+      <span :class="ui.leading({ class: props.ui?.leading })">
+        <UIcon :name="appConfig.ui.icons.hash" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+      </span>
+
+      <slot />
+    </a>
+    <slot v-else />
+  </h2>
 </template>

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

@@ -19,14 +19,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 </script>
 
 <template>
-  <h3 :id="id" :class="ui.base({ class: props.class })">
-    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
-      <span :class="ui.leading({ class: props.ui?.leading })">
-        <UIcon :name="appConfig.ui.icons.hash" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
-      </span>
-
-      <slot />
-    </a>
-    <slot v-else />
-  </h3>
+  <h3 :id="id" :class="ui.base({ class: props.class })">
+    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
+      <span :class="ui.leading({ class: props.ui?.leading })">
+        <UIcon :name="appConfig.ui.icons.hash" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+      </span>
+
+      <slot />
+    </a>
+    <slot v-else />
+  </h3>
 </template>

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

@@ -19,10 +19,10 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 </script>
 
 <template>
-  <h4 :id="id" :class="ui.base({ class: props.class })">
-    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
-      <slot />
-    </a>
-    <slot v-else />
-  </h4>
+  <h4 :id="id" :class="ui.base({ class: props.class })">
+    <a v-if="id && generate" :href="`#${id}`" :class="ui.link({ class: props.ui?.link })">
+      <slot />
+    </a>
+    <slot v-else />
+  </h4>
 </template>

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

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

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

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

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

@@ -29,12 +29,12 @@ const refinedSrc = computed(() => {
 </script>
 
 <template>
-  <component
-    :is="ImageComponent"
-    :src="refinedSrc"
-    :alt="alt"
-    :width="width"
-    :height="height"
-    :class="ui({ class: props.class })"
-  />
+  <component
+    :is="ImageComponent"
+    :src="refinedSrc"
+    :alt="alt"
+    :width="width"
+    :height="height"
+    :class="ui({ class: props.class })"
+  />
 </template>

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

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

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

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

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

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

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

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

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

@@ -36,26 +36,26 @@ function copy() {
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.ui?.root], filename: !!filename })">
-    <div v-if="filename && !hideHeader" :class="ui.header({ class: props.ui?.header })">
-      <CodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: props.ui?.icon })" />
-
-      <span :class="ui.filename({ class: props.ui?.filename })">{{ filename }}</span>
-    </div>
-
-    <UButton
-      :icon="copied ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
-      color="neutral"
-      variant="outline"
-      size="sm"
-      :aria-label="t('prose.pre.copy')"
-      :class="ui.copy({ class: props.ui?.copy })"
-      tabindex="-1"
-      @click="copy"
-    />
-
-    <pre :class="ui.base({ class: [props.ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
-  </div>
+  <div :class="ui.root({ class: [props.ui?.root], filename: !!filename })">
+    <div v-if="filename && !hideHeader" :class="ui.header({ class: props.ui?.header })">
+      <CodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: props.ui?.icon })" />
+
+      <span :class="ui.filename({ class: props.ui?.filename })">{{ filename }}</span>
+    </div>
+
+    <UButton
+      :icon="copied ? appConfig.ui.icons.copyCheck : appConfig.ui.icons.copy"
+      color="neutral"
+      variant="outline"
+      size="sm"
+      :aria-label="t('prose.pre.copy')"
+      :class="ui.copy({ class: props.ui?.copy })"
+      tabindex="-1"
+      @click="copy"
+    />
+
+    <pre :class="ui.base({ class: [props.ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
+  </div>
 </template>
 
 <style>

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

@@ -6,7 +6,7 @@ const isDev = import.meta.dev;
 </script>
 
 <template>
-  <div v-if="isDev">
-    Rendering the <code>script</code> element is dangerous and is disabled by default. Consider implementing your own <code>ProseScript</code> element to have control over script rendering.
-  </div>
+  <div v-if="isDev">
+    Rendering the <code>script</code> element is dangerous and is disabled by default. Consider implementing your own <code>ProseScript</code> element to have control over script rendering.
+  </div>
 </template>

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

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

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

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

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

@@ -16,9 +16,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.table
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <table :class="ui.base({ class: props.ui?.base })">
-      <slot />
-    </table>
-  </div>
+  <div :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <table :class="ui.base({ class: props.ui?.base })">
+      <slot />
+    </table>
+  </div>
 </template>

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

@@ -61,18 +61,18 @@ onBeforeUpdate(() => rerenderCount.value++);
 </script>
 
 <template>
-  <UTabs
-    v-model="model"
-    color="primary"
-    variant="link"
-    :items="items"
-    :class="props.class"
-    :unmount-on-hide="false"
-    :ui="transformUI(ui())"
-    @update:model-value="onUpdateModelValue"
-  >
-    <template #content="{ item }">
-      <component :is="item.component" />
-    </template>
-  </UTabs>
+  <UTabs
+    v-model="model"
+    color="primary"
+    variant="link"
+    :items="items"
+    :class="props.class"
+    :unmount-on-hide="false"
+    :ui="transformUI(ui())"
+    @update:model-value="onUpdateModelValue"
+  >
+    <template #content="{ item }">
+      <component :is="item.component" />
+    </template>
+  </UTabs>
 </template>

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

@@ -17,9 +17,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tabsIt
 </script>
 
 <template>
-  <div :class="ui({ class: props.class })">
-    <slot>
-      {{ description }}
-    </slot>
-  </div>
+  <div :class="ui({ class: props.class })">
+    <slot>
+      {{ description }}
+    </slot>
+  </div>
 </template>

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

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

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/types/index.d.ts

@@ -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';
 export * from './locale';
 export * from './utils';