vueless 1.2.15-beta.1 → 1.2.15-beta.3

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -3,7 +3,7 @@ import { computed, watch, ref, nextTick, provide, useId, useTemplateRef, watchEf
 
 import { merge } from "lodash-es";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.form-input/UInput.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, useSlots, useId, useTemplateRef, watch } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { hasSlotContent } from "../utils/helper";
 import { useMutationObserver } from "../composables/useMutationObserver";

package/ui.form-input-counter/UInputCounter.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, useTemplateRef, watch } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.form-input-file/UInputFile.vue

@@ -10,7 +10,7 @@ import {
   useTemplateRef,
 } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { hasSlotContent } from "../utils/helper";
 import { getFileMbSize } from "./utilFileForm";

package/ui.form-input-number/UInputNumber.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, watch, onMounted, useId, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UInput from "../ui.form-input/UInput.vue";

package/ui.form-input-password/UInputPassword.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, useId } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.form-input-rating/UInputRating.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { hasSlotContent } from "../utils/helper";
 import { getDefaults } from "../utils/ui";
 

package/ui.form-input-search/UInputSearch.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useId, ref, computed, watchEffect, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { createDebounce } from "../utils/helper";
 

package/ui.form-label/ULabel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef, useSlots } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { hasSlotContent } from "../utils/helper";
 

package/ui.form-listbox/UListbox.vue

@@ -2,7 +2,7 @@
 import { watch, computed, useId, ref, useTemplateRef, nextTick } from "vue";
 import { isEqual } from "lodash-es";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { isMac } from "../utils/platform";
 import { filterOptions, filterGroups } from "./utilListbox";

package/ui.form-radio/URadio.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, inject, onMounted, ref, watchEffect, toValue, useId } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import ULabel from "../ui.form-label/ULabel.vue";

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, provide, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import ULabel from "../ui.form-label/ULabel.vue";

package/ui.form-select/USelect.vue

@@ -7,7 +7,7 @@ import UListbox from "../ui.form-listbox/UListbox.vue";
 import UBadge from "../ui.text-badge/UBadge.vue";
 import ULink from "../ui.button-link/ULink.vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { hasSlotContent } from "../utils/helper";
 import { getDefaults } from "../utils/ui";
 import { isMac } from "../utils/platform";

package/ui.form-switch/USwitch.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useId, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages";
 

package/ui.form-textarea/UTextarea.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref, watch, useSlots, useId, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { hasSlotContent } from "../utils/helper";
 

package/ui.image-avatar/UAvatar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.image-icon/UIcon.vue

@@ -2,7 +2,7 @@
 import { computed, defineAsyncComponent, useTemplateRef } from "vue";
 import { cachedIcons } from "virtual:vueless/icons";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { ICONS_CACHED_DIR, INTERNAL_ICONS_LIBRARY, STORYBOOK_ICONS_LIBRARY } from "../constants";
 

package/ui.loader/ULoader.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import { COMPONENT_NAME, ELLIPSES_AMOUNT } from "./constants";

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import ULoader from "../ui.loader/ULoader.vue";

package/ui.loader-progress/ULoaderProgress.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, watch, ref, useTemplateRef, onBeforeMount, onBeforeUnmount } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { getRequestWithoutQuery } from "../utils/requestQueue";
 

package/ui.navigation-breadcrumbs/UBreadcrumbs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.navigation-pagination/UPagination.vue

@@ -2,7 +2,7 @@
 import { computed, useTemplateRef } from "vue";
 import { range } from "lodash-es";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UButton from "../ui.button/UButton.vue";

package/ui.navigation-progress/UProgress.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.navigation-progress/UStepperProgress.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 
 import defaultConfig from "./config";
 

package/ui.navigation-tab/UTab.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, inject, toValue, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import UButton from "../ui.button/UButton.vue";
 

package/ui.navigation-tabs/UTabs.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, provide, onMounted, onUnmounted, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UTab from "../ui.navigation-tab/UTab.vue";

package/ui.other-chip/UChip.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.other-dot/UDot.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import { COMPONENT_NAME } from "./constants";

package/ui.other-theme-color-toggle/UThemeColorToggle.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { ref, computed, useId, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { setTheme } from "../utils/theme";
 
 import UDivider from "../ui.container-divider/UDivider.vue";
-import UColorPicker from "../ui.form-color-picker/UColorPicker.vue";
+import UColorToggle from "../ui.form-color-toggle/UColorToggle.vue";
 
 import { COMPONENT_NAME } from "./constants";
 import defaultConfig from "./config";
@@ -86,7 +86,7 @@ const {
 
 <template>
   <div :id="elementId" ref="list" v-bind="listAttrs" :data-test="getDataTest()">
-    <UColorPicker
+    <UColorToggle
       v-model="selectedPrimaryColor"
       :size="size"
       :colors="primaryColors"
@@ -100,7 +100,7 @@ const {
       v-bind="colorDividerAttrs"
     />
 
-    <UColorPicker
+    <UColorToggle
       v-model="selectedNeutralColor"
       :size="size"
       :colors="neutralColors"

package/ui.other-theme-color-toggle/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   list: "flex flex-wrap gap-0.5",
-  primaryColorPicker: "{UColorPicker}",
-  grayColorPicker: "{UColorPicker}",
+  primaryColorPicker: "{UColorToggle}",
+  grayColorPicker: "{UColorToggle}",
   colorDivider: "{UDivider} py-2",
   defaults: {
     size: "md",

package/ui.other-theme-color-toggle/tests/UThemeColorToggle.test.ts

@@ -2,7 +2,7 @@ import { mount } from "@vue/test-utils";
 import { describe, it, expect, vi } from "vitest";
 
 import UThemeColorToggle from "../UThemeColorToggle.vue";
-import UColorPicker from "../../ui.form-color-picker/UColorPicker.vue";
+import UColorToggle from "../../ui.form-color-toggle/UColorToggle.vue";
 import UDivider from "../../ui.container-divider/UDivider.vue";
 
 import type { Props } from "../types";
@@ -29,7 +29,7 @@ describe("UThemeColorToggle.vue", () => {
           },
         });
 
-        const colorPickers = component.findAllComponents(UColorPicker);
+        const colorPickers = component.findAllComponents(UColorToggle);
 
         expect(colorPickers.length).toBe(2);
 
@@ -50,7 +50,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const primaryColorPicker = component.findAllComponents(UColorPicker)[0];
+      const primaryColorPicker = component.findAllComponents(UColorToggle)[0];
 
       expect(primaryColorPicker.props("modelValue")).toBe(primary);
     });
@@ -66,7 +66,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const neutralColorPicker = component.findAllComponents(UColorPicker)[1];
+      const neutralColorPicker = component.findAllComponents(UColorToggle)[1];
 
       expect(neutralColorPicker.props("modelValue")).toBe(neutral);
     });
@@ -81,7 +81,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const primaryColorPicker = component.findAllComponents(UColorPicker)[0];
+      const primaryColorPicker = component.findAllComponents(UColorToggle)[0];
 
       expect(primaryColorPicker.props("colors")).toEqual(primaryColors);
     });
@@ -96,7 +96,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const neutralColorPicker = component.findAllComponents(UColorPicker)[1];
+      const neutralColorPicker = component.findAllComponents(UColorToggle)[1];
 
       expect(neutralColorPicker.props("colors")).toEqual(neutralColors);
     });
@@ -112,7 +112,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const primaryColorPicker = component.findAllComponents(UColorPicker)[0];
+      const primaryColorPicker = component.findAllComponents(UColorToggle)[0];
 
       expect(primaryColorPicker.props("labels")).toEqual(primaryLabels);
     });
@@ -128,7 +128,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const neutralColorPicker = component.findAllComponents(UColorPicker)[1];
+      const neutralColorPicker = component.findAllComponents(UColorToggle)[1];
 
       expect(neutralColorPicker.props("labels")).toEqual(neutralLabels);
     });
@@ -207,7 +207,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const primaryColorPicker = component.findAllComponents(UColorPicker)[0];
+      const primaryColorPicker = component.findAllComponents(UColorToggle)[0];
 
       primaryColorPicker.vm.$emit("update:modelValue", newColor);
 
@@ -226,7 +226,7 @@ describe("UThemeColorToggle.vue", () => {
         },
       });
 
-      const neutralColorPicker = component.findAllComponents(UColorPicker)[1];
+      const neutralColorPicker = component.findAllComponents(UColorToggle)[1];
 
       neutralColorPicker.vm.$emit("update:modelValue", newColor);
 

package/ui.skeleton/USkeleton.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.skeleton-choice/USkeletonChoice.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.skeleton-input/USkeletonInput.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.skeleton-text/USkeletonText.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import defaultConfig from "./config";

package/ui.text-alert/UAlert.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref, computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 import { hasSlotContent } from "../utils/helper";
 

package/ui.text-badge/UBadge.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef, computed, useId, useSlots } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { hasSlotContent } from "../utils/helper";
 import { getDefaults } from "../utils/ui";
 

package/ui.text-block/UText.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import { COMPONENT_NAME } from "./constants";

package/ui.text-block/config.ts

@@ -1,6 +1,7 @@
 export default /*tw*/ {
   wrapper: {
     base: `
+      flex flex-col
       font-normal leading-normal
       [&_b]:font-bold [&_i]:italic [&_p]:font-normal
       [&_a:not([class])]:underline [&_a:not([class])]:underline-offset-4
@@ -22,10 +23,10 @@ export default /*tw*/ {
         inherit: "text-inherit",
       },
       size: {
-        xs: "text-tiny space-y-1",
-        sm: "text-small space-y-2",
-        md: "text-medium space-y-3",
-        lg: "text-large space-y-4",
+        xs: "text-tiny gap-1",
+        sm: "text-small gap-2",
+        md: "text-medium gap-3",
+        lg: "text-large gap-4",
       },
       align: {
         left: "text-left",

package/ui.text-empty/UEmpty.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.text-file/UFile.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, useId, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import ULink from "../ui.button-link/ULink.vue";

package/ui.text-files/UFiles.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import UFile from "../ui.text-file/UFile.vue";

package/ui.text-header/UHeader.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import { COMPONENT_NAME } from "./constants";

package/ui.text-notify/UNotify.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, ref, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults, vuelessConfig } from "../utils/ui";
 import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages";
 

package/ui.text-number/UNumber.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI";
+import { useUI } from "../composables/useUI";
 import { getDefaults } from "../utils/ui";
 
 import { COMPONENT_NAME } from "./constants";