vueless 1.1.1-beta.8 → 1.2.0

package/ui.form-input-counter/storybook/stories.ts

@@ -4,14 +4,14 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputCounter from "../UInputCounter.vue";
 import UCol from "../../ui.container-col/UCol.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 UInputCounterArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-counter/tests/UInputCounter.test.ts

@@ -5,7 +5,7 @@ import UInputCounter from "../UInputCounter.vue";
 import UButton from "../../ui.button/UButton.vue";
 import UInputNumber from "../../ui.form-input-number/UInputNumber.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UInputCounter.vue", () => {
   beforeEach(() => {

package/ui.form-input-counter/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.form-input-file/UInputFile.vue

@@ -10,21 +10,21 @@ import {
   useTemplateRef,
 } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
-import { hasSlotContent } from "../utils/helper.ts";
-import { getFileMbSize } from "./utilFileForm.ts";
-import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
+import { hasSlotContent } from "../utils/helper";
+import { getFileMbSize } from "./utilFileForm";
+import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages";
 
 import UText from "../ui.text-block/UText.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 import UButton from "../ui.button/UButton.vue";
 import UFiles from "../ui.text-files/UFiles.vue";
 
-import { COMPONENT_NAME, MIME_TYPES, COMMON_MIME_TYPES } from "./constants.ts";
-import defaultConfig from "./config.ts";
+import { COMPONENT_NAME, MIME_TYPES, COMMON_MIME_TYPES } from "./constants";
+import defaultConfig from "./config";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-input-file/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.form-input-file/storybook/stories.ts

@@ -6,7 +6,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputFile from "../../ui.form-input-file/UInputFile.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -16,7 +16,7 @@ import URow from "../../ui.container-row/URow.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 UInputFileArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-file/tests/UInputFile.test.ts

@@ -6,7 +6,7 @@ import UInputFile from "../UInputFile.vue";
 import ULabel from "../../ui.form-label/ULabel.vue";
 import UFiles from "../../ui.text-files/UFiles.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 global.URL.createObjectURL = vi.fn(() => "mock-url");
 

package/ui.form-input-file/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.form-input-number/UInputNumber.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import { computed, watch, onMounted, useId, 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 UInput from "../ui.form-input/UInput.vue";
 
-import defaultConfig from "./config.ts";
-import useFormatNumber from "./useFormatNumber.ts";
-import { COMPONENT_NAME, RAW_DECIMAL_MARK } from "./constants.ts";
+import defaultConfig from "./config";
+import useFormatNumber from "./useFormatNumber";
+import { COMPONENT_NAME, RAW_DECIMAL_MARK } from "./constants";
 
-import type { Props, Config } from "./types.ts";
-import { getRawValue } from "./utilFormat.ts";
+import type { Props, Config } from "./types";
+import { getRawValue } from "./utilFormat";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-input-number/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.form-input-number/storybook/stories.ts

@@ -5,7 +5,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputNumber from "../UInputNumber.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -16,7 +16,7 @@ import UDropdownButton from "../../ui.dropdown-button/UDropdownButton.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 UInputNumberArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-number/tests/UInputNumber.test.ts

@@ -5,7 +5,7 @@ import UInputNumber from "../UInputNumber.vue";
 import UInput from "../../ui.form-input/UInput.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UInputNumber.vue", () => {
   describe("Props", () => {

package/ui.form-input-number/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.form-input-number/useFormatNumber.ts

@@ -1,10 +1,10 @@
 import { onMounted, nextTick, ref, onBeforeUnmount, toValue, watch, computed, readonly } from "vue";
 
-import { getRawValue, getFormattedValue } from "./utilFormat.ts";
+import { getRawValue, getFormattedValue } from "./utilFormat";
 
-import { RAW_DECIMAL_MARK } from "./constants.ts";
+import { RAW_DECIMAL_MARK } from "./constants";
 
-import type { FormatOptions } from "./types.ts";
+import type { FormatOptions } from "./types";
 
 const digitSet = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
 const comma = ",";

package/ui.form-input-number/utilFormat.ts

@@ -1,6 +1,6 @@
-import { RAW_DECIMAL_MARK } from "./constants.ts";
+import { RAW_DECIMAL_MARK } from "./constants";
 
-import type { FormatOptions } from "./types.ts";
+import type { FormatOptions } from "./types";
 
 export function getRawValue(
   value: string,

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

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { ref, computed, useId } 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 UInput from "../ui.form-input/UInput.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 
-import type { Props, Config } from "./types.ts";
+import type { Props, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 
@@ -65,7 +65,7 @@ const { getDataTest, config, passwordInputAttrs, passwordIconAttrs, passwordIcon
 
 <template>
   <UInput
-    :id="id"
+    :id="elementId"
     v-model="localValue"
     :type="inputType"
     :label="label"

package/ui.form-input-password/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.form-input-password/storybook/stories.ts

@@ -6,7 +6,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputPassword from "../UInputPassword.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -15,7 +15,7 @@ import UButton from "../../ui.button/UButton.vue";
 import UDropdownButton from "../../ui.dropdown-button/UDropdownButton.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface UInputPasswordArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-password/tests/UInputPassword.test.ts

@@ -5,7 +5,7 @@ import UInputPassword from "../UInputPassword.vue";
 import UInput from "../../ui.form-input/UInput.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UInputPassword.vue", () => {
   describe("props", () => {

package/ui.form-input-password/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.form-input-rating/UInputRating.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { hasSlotContent } from "../utils/helper.ts";
-import { getDefaults } from "../utils/ui.ts";
+import useUI from "../composables/useUI";
+import { hasSlotContent } from "../utils/helper";
+import { getDefaults } from "../utils/ui";
 
 import UIcon from "../ui.image-icon/UIcon.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, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-input-rating/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.form-input-rating/storybook/stories.ts

@@ -4,14 +4,14 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputRating from "../../ui.form-input-rating/UInputRating.vue";
 import UCol from "../../ui.container-col/UCol.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 UInputRatingArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-rating/tests/UInputRating.test.ts

@@ -4,7 +4,7 @@ import { describe, it, expect } from "vitest";
 import UInputRating from "../UInputRating.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UInputRating.vue", () => {
   describe("props", () => {

package/ui.form-input-rating/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.form-input-search/UInputSearch.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import { useId, ref, computed, watchEffect, useTemplateRef } from "vue";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
-import { createDebounce } from "../utils/helper.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
+import { createDebounce } from "../utils/helper";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UInput from "../ui.form-input/UInput.vue";
 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, Config } from "./types";
 
 defineOptions({ inheritAttrs: false });
 

package/ui.form-input-search/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.form-input-search/storybook/stories.ts

@@ -6,7 +6,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UInputSearch from "../../ui.form-input-search/UInputSearch.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
@@ -16,7 +16,7 @@ import UDropdownButton from "../../ui.dropdown-button/UDropdownButton.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 UInputSearchArgs extends Props {
   slotTemplate?: string;

package/ui.form-input-search/tests/UInputSearch.test.ts

@@ -6,7 +6,7 @@ import UInput from "../../ui.form-input/UInput.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import UButton from "../../ui.button/UButton.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UInputSearch.vue", () => {
   describe("props", () => {

package/ui.form-input-search/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.form-label/ULabel.vue

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

package/ui.form-label/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.form-label/storybook/stories.ts

@@ -4,7 +4,7 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import ULabel from "../../ui.form-label/ULabel.vue";
 import UCol from "../../ui.container-col/UCol.vue";
@@ -16,7 +16,7 @@ import ULink from "../../ui.button-link/ULink.vue";
 import UChip from "../../ui.other-chip/UChip.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 interface ULabelArgs extends Props {
   slotTemplate?: string;

package/ui.form-label/tests/ULabel.test.ts

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

package/ui.form-label/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.form-listbox/UListbox.vue

@@ -2,23 +2,23 @@
 import { watch, computed, useId, ref, useTemplateRef, nextTick } from "vue";
 import { isEqual } from "lodash-es";
 
-import useUI from "../composables/useUI.ts";
-import { getDefaults } from "../utils/ui.ts";
-import { isMac } from "../utils/platform.ts";
-import { filterOptions, filterGroups } from "./utilListbox.ts";
-import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages.ts";
+import useUI from "../composables/useUI";
+import { getDefaults } from "../utils/ui";
+import { isMac } from "../utils/platform";
+import { filterOptions, filterGroups } from "./utilListbox";
+import { useComponentLocaleMessages } from "../composables/useComponentLocaleMassages";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UButton from "../ui.button/UButton.vue";
 import UDivider from "../ui.container-divider/UDivider.vue";
 import UInputSearch from "../ui.form-input-search/UInputSearch.vue";
 
-import usePointer from "./usePointer.ts";
+import usePointer from "./usePointer";
 
-import defaultConfig from "./config.ts";
-import { COMPONENT_NAME } from "./constants.ts";
+import defaultConfig from "./config";
+import { COMPONENT_NAME } from "./constants";
 
-import type { Option, Props, Config, SelectedValue } from "./types.ts";
+import type { Option, Props, Config, SelectedValue } from "./types";
 
 defineOptions({ inheritAttrs: false });
 
@@ -471,7 +471,7 @@ const {
             <span
               :style="getMarginForSubCategory(option.level)"
               v-bind="optionContentAttrs"
-              :title="String(option.label)"
+              :title="String(option[labelKey])"
               v-text="option[labelKey]"
             />
           </slot>

package/ui.form-listbox/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.form-listbox/storybook/stories.ts

@@ -4,13 +4,13 @@ import {
   getSlotNames,
   getSlotsFragment,
   getDocsDescription,
-} from "../../utils/storybook.ts";
+} from "../../utils/storybook";
 
 import UListbox from "../UListbox.vue";
 import URow from "../../ui.container-row/URow.vue";
 
 import type { Meta, StoryFn } from "@storybook/vue3-vite";
-import type { Option, Props } from "../types.ts";
+import type { Option, Props } from "../types";
 
 interface DefaultUListboxArgs extends Props {
   slotTemplate?: string;
@@ -26,11 +26,11 @@ export default {
   component: UListbox,
   args: {
     options: [
-      { label: "New York", id: ["1"] },
-      { label: "Los Angeles", id: ["2"] },
-      { label: "Chicago", id: ["3"] },
-      { label: "Houston", id: ["4"] },
-      { label: "San Francisco", id: ["5"] },
+      { label: "New York", id: 1 },
+      { label: "Los Angeles", id: 2 },
+      { label: "Chicago", id: 3 },
+      { label: "Houston", id: 4 },
+      { label: "San Francisco", id: 5 },
     ],
   },
   argTypes: {

package/ui.form-listbox/tests/UListbox.test.ts

@@ -5,7 +5,7 @@ import UListbox from "../UListbox.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import UInputSearch from "../../ui.form-input-search/UInputSearch.vue";
 
-import type { Props } from "../types.ts";
+import type { Props } from "../types";
 
 describe("UListbox.vue", () => {
   const defaultOptions = [