vueless 0.0.479 → 0.0.481

package/ui.form-input-search/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-input-search/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UInputSearch from "../../ui.form-input-search/UInputSearch.vue";
 import UButton from "../../ui.button/UButton.vue";
@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UInputSearch, URow },
   setup() {
     return {

package/ui.form-input-search/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-label/ULabel.vue

@@ -66,7 +66,7 @@
 <script setup>
 import { computed, ref } from "vue";
 
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import { ULabel, PLACEMENT } from "./constants.js";

package/ui.form-label/config.js

@@ -20,8 +20,8 @@ export default /*tw*/ {
       { align: "right", size: "sm", class: "gap-2.5" },
       { align: "right", size: "md", class: "gap-3" },
       { align: "right", size: "lg", class: "gap-3.5" },
-      { align: "left", centred: true, class: "items-center w-auto" },
-      { align: "right", centred: true, class: "items-center w-auto" },
+      { align: "left", centred: true, class: "items-center justify-end w-auto" },
+      { align: "right", centred: true, class: "items-center justify-start w-auto" },
     ],
   },
   content: {

package/ui.form-label/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-label/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import ULabel from "../../ui.form-label/ULabel.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -38,7 +38,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { ULabel, UCol, UText },
   setup() {
     function getText(value, name) {

package/ui.form-label/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-radio/URadio.vue

@@ -33,7 +33,7 @@
 import { computed, inject, onMounted, ref, watchEffect, toValue, useId } from "vue";
 
 import ULabel from "../ui.form-label/ULabel.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import useAttrs from "./useAttrs.js";

package/ui.form-radio/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-radio/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import URadio from "../../ui.form-radio/URadio.vue";
 import UBadge from "../../ui.text-badge/UBadge.vue";

package/ui.form-radio/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-radio-group/URadioGroup.vue

@@ -33,7 +33,7 @@ import { computed, provide } from "vue";
 
 import ULabel from "../ui.form-label/ULabel.vue";
 import URadio from "../ui.form-radio/URadio.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import { URadioGroup } from "./constants.js";

package/ui.form-radio-group/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-radio-group/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import URadioGroup from "../../ui.form-radio-group/URadioGroup.vue";
 import URadio from "../../ui.form-radio/URadio.vue";
@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { URadioGroup, UCol },
   setup() {
     return {

package/ui.form-radio-group/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-select/USelect.vue

@@ -319,16 +319,16 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 import UDropdownList from "../ui.dropdown-list/UDropdownList.vue";
 
-import { createDebounce } from "../utils/utilHelper.js";
-import { getDefault } from "../utils/utilUI.js";
-import { isMac } from "../utils/utilPlatform.js";
+import { createDebounce } from "../utils/helper.ts";
+import { getDefault } from "../utils/ui.ts";
+import { isMac } from "../utils/platform.ts";
 
 import SelectService from "./utilSelect.js";
 import useAttrs from "./useAttrs.js";
 import defaultConfig from "./config.js";
 import { USelect, DIRECTION, KEY_CODES } from "./constants.js";
 
-import { useLocale } from "../composables/useLocale.js";
+import { useLocale } from "../composables/useLocale.ts";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-select/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-select/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import USelect from "../../ui.form-select/USelect.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { USelect, URow },
   setup() {
     return {

package/ui.form-select/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-switch/USwitch.vue

@@ -43,12 +43,12 @@ import { merge } from "lodash-es";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { USwitch } from "./constants.js";
 import defaultConfig from "./config.js";
 import useAttrs from "./useAttrs.js";
-import { useLocale } from "../composables/useLocale.js";
+import { useLocale } from "../composables/useLocale.ts";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-switch/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-switch/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import USwitch from "../../ui.form-switch/USwitch.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { USwitch, URow },
   setup() {
     return {

package/ui.form-switch/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.form-switch/utilVariant.js

@@ -1,4 +1,4 @@
-import { cva } from "../utils/utilUI.js";
+import { cva } from "../utils/ui.ts";
 
 export default class VariantService {
   static get(config) {

package/ui.form-textarea/UTextarea.vue

@@ -54,7 +54,7 @@
 import { computed, onMounted, ref, watch, useSlots, useId } from "vue";
 
 import ULabel from "../ui.form-label/ULabel.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UTextarea } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.form-textarea/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.form-textarea/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UTextarea from "../../ui.form-textarea/UTextarea.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -34,7 +34,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UTextarea, UCol },
   setup() {
     return {

package/ui.form-textarea/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.image-avatar/UAvatar.vue

@@ -37,7 +37,7 @@
 import { computed } from "vue";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { UAvatar } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.image-avatar/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.image-avatar/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UAvatar from "../../ui.image-avatar/UAvatar.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UCol, URow, UAvatar },
   setup() {
     return {

package/ui.image-avatar/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.image-icon/UIcon.vue

@@ -11,11 +11,11 @@
 
 <script setup>
 import { computed, defineAsyncComponent } from "vue";
-import { getDefault } from "../utils/utilUI.js";
-import { isSSR } from "../utils/utilHelper.js";
+import { getDefault } from "../utils/ui.ts";
+import { isSSR } from "../utils/helper.ts";
 
 import { UIcon } from "./constants.js";
-import defaultConfig from "./config.js";
+import defaultConfig from "./config.ts";
 import useAttrs from "./useAttrs.js";
 
 import { vTooltip } from "../directives";
@@ -127,10 +127,16 @@ const emit = defineEmits([
 const { config, iconAttrs } = useAttrs(props);
 
 const generatedIcons = computed(() => {
+  /**
+   * Use nuxt assets folders to include icons in final build.
+   * TODO: Find another way to include icons in build
+   */
   if (isSSR) {
-    Object.entries(
-      import.meta.glob(`/assets/.vueless/icons/**/*.svg`, { eager: true, query: "?component" }),
-    ) || [];
+    return (
+      Object.entries(
+        import.meta.glob(`/assets/.vueless/icons/**/*.svg`, { eager: true, query: "?component" }),
+      ) || []
+    );
   }
 
   return (
@@ -173,7 +179,7 @@ const dynamicComponent = computed(() => {
     return component;
   }
 
-  /* eslint-disable vue/max-len, prettier/prettier */
+  /* eslint-disable prettier/prettier */
   const libraries = {
     "vueless": async () => {
       return import.meta.env.PROD
@@ -206,7 +212,7 @@ const dynamicComponent = computed(() => {
           : import(/* @vite-ignore */ `/node_modules/${library}/24/${fillType}/${name}.svg?component`);
     },
   };
-  /* eslint-enable vue/max-len, prettier/prettier */
+  /* eslint-enable prettier/prettier */
 
   return defineAsyncComponent(libraries[library]);
 });

package/ui.image-icon/storybook/Docs.mdx

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

package/ui.image-icon/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -32,7 +32,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { UIcon, URow },
   setup() {
     return {

package/ui.image-icon/useAttrs.js

@@ -1,6 +1,6 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
-import defaultConfig from "./config.js";
+import defaultConfig from "./config.ts";
 
 export default function useAttrs(props) {
   const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);

package/ui.loader/ULoader.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup>
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import { ULoader, ELLIPSES_AMOUNT } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.loader/storybook/Docs.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.loader/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import ULoader from "../../ui.loader/ULoader.vue";
 import URow from "../../ui.container-row/URow.vue";
@@ -34,7 +34,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes }) => ({
   components: { ULoader, URow },
   setup() {
     return {

package/ui.loader/useAttrs.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
 

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -16,7 +16,7 @@
 
 <script setup>
 import { computed, onMounted, onUnmounted } from "vue";
-import { getDefault } from "../utils/utilUI.js";
+import { getDefault } from "../utils/ui.ts";
 
 import ULoader from "../ui.loader/ULoader.vue";
 

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

@@ -1,5 +1,5 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/utilStorybook.js";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

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

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import ULoaderOverlay from "../ULoaderOverlay.vue";
 import UButton from "../../ui.button/UButton.vue";

package/ui.loader-overlay/useAttrs.js

@@ -1,4 +1,4 @@
-import useUI from "../composables/useUI.js";
+import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";