vueless 1.1.1-beta.8 → 1.2.0

package/ui.loader/ULoader.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
-import { COMPONENT_NAME, ELLIPSES_AMOUNT } from "./constants.ts";
-import defaultConfig from "./config.ts";
+import { COMPONENT_NAME, ELLIPSES_AMOUNT } from "./constants";
+import defaultConfig from "./config";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.loader/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.loader/storybook/stories.ts

@@ -5,14 +5,14 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import ULoader from "../../ui.loader/ULoader.vue";
 import URow from "../../ui.container-row/URow.vue";
 import UButton from "../../ui.button/UButton.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface ULoaderArgs extends Props {
   slotTemplate?: string;

package/ui.loader/tests/ULoader.test.ts

@@ -3,7 +3,7 @@ import { describe, it, expect } from "vitest";
 
 import ULoader from "../ULoader.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("ULoader.vue", () => {
   // Props tests

package/ui.loader/types.ts

@@ -1,6 +1,6 @@
-import defaultConfig from "./config.ts";
+import defaultConfig from "./config";
 
-import type { ComponentConfig } from "../types.ts";
+import type { ComponentConfig } from "../types";
 
 export type Config = typeof defaultConfig;
 

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
 import ULoader from "../ui.loader/ULoader.vue";
 
-import { COMPONENT_NAME } from "./constants.ts";
-import defaultConfig from "./config.ts";
-import { useLoaderOverlay } from "./useLoaderOverlay.ts";
+import { COMPONENT_NAME } from "./constants";
+import defaultConfig from "./config";
+import { useLoaderOverlay } from "./useLoaderOverlay";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.loader-overlay/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.loader-overlay/storybook/stories.ts

@@ -4,14 +4,14 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import ULoaderOverlay from "../ULoaderOverlay.vue";
 import UButton from "../../ui.button/UButton.vue";
 import USelect from "../../ui.form-select/USelect.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface ULoaderOverlayArgs extends Props {
   slotTemplate?: string;

package/ui.loader-overlay/tests/ULoaderOverlay.test.ts

@@ -3,9 +3,9 @@ import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 
 import ULoaderOverlay from "../ULoaderOverlay.vue";
 import ULoader from "../../ui.loader/ULoader.vue";
-import { LoaderOverlaySymbol, createLoaderOverlay } from "../useLoaderOverlay.ts";
+import { LoaderOverlaySymbol, createLoaderOverlay } from "../useLoaderOverlay";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("ULoaderOverlay.vue", () => {
   // Define common test configurations

package/ui.loader-overlay/types.ts

@@ -1,5 +1,5 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
 
 export type Config = typeof defaultConfig;
 

package/ui.loader-progress/ULoaderProgress.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { computed, watch, ref, useTemplateRef, onBeforeMount, onBeforeUnmount } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
-import { clamp, queue, getRequestWithoutQuery } from "./utilLoaderProgress.ts";
-import { useLoaderProgress } from "./useLoaderProgress.ts";
+import { clamp, queue, getRequestWithoutQuery } from "./utilLoaderProgress";
+import { useLoaderProgress } from "./useLoaderProgress";
 
-import { COMPONENT_NAME, MAXIMUM, SPEED } from "./constants.ts";
-import defaultConfig from "./config.ts";
+import { COMPONENT_NAME, MAXIMUM, SPEED } from "./constants";
+import defaultConfig from "./config";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.loader-progress/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.loader-progress/storybook/stories.ts

@@ -1,16 +1,16 @@
 import { ref } from "vue";
-import { getArgs, getArgTypes, getSlotNames, getDocsDescription } from "../../utils/storybook.ts";
+import { getArgs, getArgTypes, getSlotNames, getDocsDescription } from "../../utils/storybook";
 
 import ULoaderProgress from "../ULoaderProgress.vue";
 import UButton from "../../ui.button/UButton.vue";
 import URow from "../../ui.container-row/URow.vue";
 import UCol from "../../ui.container-col/UCol.vue";
 
-import { useLoaderProgress } from "../useLoaderProgress.ts";
-import { loaderProgressOff, loaderProgressOn } from "../utilLoaderProgress.ts";
+import { useLoaderProgress } from "../useLoaderProgress";
+import { loaderProgressOff, loaderProgressOn } from "../utilLoaderProgress";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface ULoaderProgressArgs extends Props {
   slotTemplate?: string;

package/ui.loader-progress/tests/ULoaderProgress.test.ts

@@ -2,9 +2,9 @@ import { mount } from "@vue/test-utils";
 import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 
 import ULoaderProgress from "../ULoaderProgress.vue";
-import { LoaderProgressSymbol, createLoaderProgress } from "../useLoaderProgress.ts";
+import { LoaderProgressSymbol, createLoaderProgress } from "../useLoaderProgress";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("ULoaderProgress.vue", () => {
   // Common test configuration

package/ui.loader-progress/types.ts

@@ -1,5 +1,5 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
 
 declare global {
   interface Window {

package/ui.loader-progress/useLoaderProgress.ts

@@ -2,7 +2,7 @@ import { inject, readonly, ref } from "vue";
 
 import type { Ref } from "vue";
 
-import { getRequestWithoutQuery } from "./utilLoaderProgress.ts";
+import { getRequestWithoutQuery } from "./utilLoaderProgress";
 
 export const LoaderProgressSymbol = Symbol.for("vueless:loader-progress");
 

package/ui.navigation-breadcrumbs/UBreadcrumbs.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
-import defaultConfig from "./config.ts";
-import { COMPONENT_NAME } from "./constants.ts";
+import defaultConfig from "./config";
+import { COMPONENT_NAME } from "./constants";
 
 import ULink from "../ui.button-link/ULink.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 
-import type { Props, Config, UBreadcrumb } from "./types.ts";
-import type { ULinkSlotProps } from "../ui.button-link/types.ts";
+import type { Props, Config, UBreadcrumb } from "./types";
+import type { ULinkSlotProps } from "../ui.button-link/types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.navigation-breadcrumbs/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Markdown, Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.navigation-breadcrumbs/storybook/stories.ts

@@ -1,4 +1,10 @@
-import { getArgs, getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
+import {
+  getArgs,
+  getArgTypes,
+  getSlotNames,
+  getSlotsFragment,
+  getDocsDescription,
+} from "../../utils/storybook";
 
 import UBreadcrumbs from "../../ui.navigation-breadcrumbs/UBreadcrumbs.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -10,7 +16,7 @@ import ULabel from "../../ui.form-label/ULabel.vue";
 import UText from "../../ui.text-block/UText.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface UBreadcrumbsArgs extends Props {
   slotTemplate?: string;
@@ -36,6 +42,11 @@ export default {
   argTypes: {
     ...getArgTypes(UBreadcrumbs.__name),
   },
+  parameters: {
+    docs: {
+      ...getDocsDescription(UBreadcrumbs.__name),
+    },
+  },
 } as Meta;
 
 const DefaultTemplate: StoryFn<UBreadcrumbsArgs> = (args: UBreadcrumbsArgs) => ({

package/ui.navigation-breadcrumbs/tests/UBreadcrumbs.test.ts

@@ -6,8 +6,8 @@ import UBreadcrumbs from "../UBreadcrumbs.vue";
 import ULink from "../../ui.button-link/ULink.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
-import type { UnknownObject } from "../../types.ts";
-import type { Props, UBreadcrumb } from "../types.ts";
+import type { UnknownObject } from "../../types";
+import type { Props, UBreadcrumb } from "../types";
 
 // Create a mock router for testing router-link functionality
 const router = createRouter({

package/ui.navigation-breadcrumbs/types.ts

@@ -1,6 +1,6 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
-import type { Props as ULinkProps } from "../ui.button-link/types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
+import type { Props as ULinkProps } from "../ui.button-link/types";
 
 export type Config = typeof defaultConfig;
 

package/ui.navigation-pagination/UPagination.vue

@@ -2,16 +2,16 @@
 import { computed, useTemplateRef } from "vue";
 import { range } from "lodash-es";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
 import UButton from "../ui.button/UButton.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 
-import defaultConfig from "./config.ts";
-import { COMPONENT_NAME } from "./constants.ts";
+import defaultConfig from "./config";
+import { COMPONENT_NAME } from "./constants";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 
@@ -124,6 +124,7 @@ const {
   nextButtonAttrs,
   activeButtonAttrs,
   inactiveButtonAttrs,
+  ellipsisAttrs,
   lastIconAttrs,
   firstIconAttrs,
   prevIconAttrs,
@@ -181,13 +182,7 @@ const {
     </UButton>
 
     <template v-for="page in pageButtons" :key="page">
-      <UButton
-        v-if="!isFinite(page.number)"
-        square
-        disabled
-        variant="ghost"
-        v-bind="inactiveButtonAttrs"
-      >
+      <UButton v-if="!isFinite(page.number)" square disabled variant="ghost" v-bind="ellipsisAttrs">
         <!-- @slot Use it to add something instead of the ellipsis. -->
         <slot name="ellipsis">&hellip;</slot>
       </UButton>

package/ui.navigation-pagination/config.ts

@@ -19,6 +19,7 @@ export default /*tw*/ {
   nextButton: "{>paginationButton}",
   inactiveButton: "{>paginationButton}",
   activeButton: "{>paginationButton}",
+  ellipsis: "{>paginationButton} {>inactiveButton}",
   paginationIcon: {
     base: "{UIcon}",
     defaults: {

package/ui.navigation-pagination/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.navigation-pagination/storybook/stories.ts

@@ -4,13 +4,13 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UPagination from "../../ui.navigation-pagination/UPagination.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface UPaginationArgs extends Props {
   slotTemplate?: string;
@@ -29,7 +29,9 @@ export default {
     ...getArgTypes(UPagination.__name),
   },
   parameters: {
-    ...getDocsDescription(UPagination.__name),
+    docs: {
+      ...getDocsDescription(UPagination.__name),
+    },
   },
 } as Meta;
 

package/ui.navigation-pagination/tests/UPagination.test.ts

@@ -5,14 +5,14 @@ import UPagination from "../UPagination.vue";
 import UButton from "../../ui.button/UButton.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UPagination.vue", () => {
   // Props tests
   describe("Props", () => {
     // Variant prop
     it("applies the correct variant to buttons", async () => {
-      const variants = ["solid", "outlined", "soft", "ghost"];
+      const variants = ["solid", "outlined", "subtle", "soft", "ghost"];
 
       variants.forEach((variant) => {
         const component = mount(UPagination, {

package/ui.navigation-pagination/types.ts

@@ -1,5 +1,5 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
 
 export type Config = typeof defaultConfig;
 
@@ -27,7 +27,7 @@ export interface Props {
   /**
    * Pagination variant.
    */
-  variant?: "solid" | "outlined" | "soft" | "ghost";
+  variant?: "solid" | "outlined" | "subtle" | "soft" | "ghost";
 
   /**
    * Pagination size.

package/ui.navigation-progress/UProgress.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 
-import defaultConfig from "./config.ts";
-import { COMPONENT_NAME, VARIANT } from "./constants.ts";
+import defaultConfig from "./config";
+import { COMPONENT_NAME, VARIANT } from "./constants";
 
 import UStepperProgress from "./UStepperProgress.vue";
 import UHeader from "../ui.text-header/UHeader.vue";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.navigation-progress/UStepperProgress.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import useUI from "../composables/useUI.ts";
+import useUI from "../composables/useUI";
 
-import defaultConfig from "./config.ts";
+import defaultConfig from "./config";
 
-import type { StepperProgressProps, Config } from "./types.ts";
+import type { StepperProgressProps, Config } from "./types";
 
 defineOptions({ internal: true });
 

package/ui.navigation-progress/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.navigation-progress/storybook/stories.ts

@@ -4,7 +4,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UProgress from "../../ui.navigation-progress/UProgress.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -13,7 +13,7 @@ import UIcon from "../../ui.image-icon/UIcon.vue";
 import UBadge from "../../ui.text-badge/UBadge.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface UProgressArgs extends Props {
   slotTemplate?: string;

package/ui.navigation-progress/tests/UProgress.test.ts

@@ -4,7 +4,7 @@ import { describe, it, expect } from "vitest";
 import UProgress from "../UProgress.vue";
 import UStepperProgress from "../UStepperProgress.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UProgress.vue", () => {
   // Props tests

package/ui.navigation-progress/types.ts

@@ -1,5 +1,5 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
 
 export type Config = typeof defaultConfig;
 

package/ui.navigation-tab/UTab.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { computed, inject, toValue, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
 import UButton from "../ui.button/UButton.vue";
 
-import { COMPONENT_NAME } from "./constants.ts";
-import defaultConfig from "./config.ts";
+import { COMPONENT_NAME } from "./constants";
+import defaultConfig from "./config";
 
-import type { Props, Config } from "./types.ts";
-import type { Props as UTabsProps, SetUTabsSelectedItem } from "../ui.navigation-tabs/types.ts";
+import type { Props, Config } from "./types";
+import type { Props as UTabsProps, SetUTabsSelectedItem } from "../ui.navigation-tabs/types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.navigation-tab/storybook/docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/addon-docs/blocks";
-import { getSource } from "../../utils/storybook.ts";
+import { getSource } from "../../utils/storybook";
 
-import * as stories from "./stories.ts";
-import defaultConfig from "../config.ts?raw"
+import * as stories from "./stories";
+import defaultConfig from "../config?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.navigation-tab/storybook/stories.ts

@@ -3,7 +3,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UTab from "../../ui.navigation-tab/UTab.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -16,7 +16,7 @@ import UAvatar from "../../ui.image-avatar/UAvatar.vue";
 import johnDoe from "./assets/john-doe.png";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface UTabArgs extends Props {
   slotTemplate?: string;

package/ui.navigation-tab/types.ts

@@ -1,5 +1,5 @@
-import defaultConfig from "./config.ts";
-import type { ComponentConfig } from "../types.ts";
+import defaultConfig from "./config";
+import type { ComponentConfig } from "../types";
 
 export type Config = typeof defaultConfig;