vueless 0.0.611 → 0.0.613

package/ui.form-checkbox/UCheckbox.vue

@@ -9,7 +9,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UCheckbox } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { UnknownObject } from "../types.ts";
 import type { Props, IconSize, Config } from "./types.ts";
@@ -26,7 +26,7 @@ const getCheckboxGroupColor = inject("getCheckboxGroupColor", null);
 const getCheckboxSize = inject("getCheckboxSize", null);
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckbox),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   value: "",
   trueValue: true,

package/ui.form-checkbox/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCheckbox = "UCheckbox";
+export const COMPONENT_NAME = "UCheckbox";

package/ui.form-checkbox-group/UCheckboxGroup.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import ULabel from "../ui.form-label/ULabel.vue";
 import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
 
-import { UCheckboxGroup } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { UnknownObject } from "../types.ts";
@@ -17,7 +17,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckboxGroup),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => [],
   options: () => [],
   label: "",

package/ui.form-checkbox-group/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCheckboxGroup = "UCheckboxGroup";
+export const COMPONENT_NAME = "UCheckboxGroup";

package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
 
 import defaultConfig from "./config.ts";
-import { UCheckboxMultiState } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 import type { UCheckboxOption, Config as UCheckboxConfig } from "../ui.form-checkbox/types.ts";
@@ -17,7 +17,7 @@ import type { KeyAttrsWithConfig, UnknownObject } from "../types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckboxMultiState),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   options: () => [],
 });

package/ui.form-checkbox-multi-state/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCheckboxMultiState = "UCheckboxMultiState";
+export const COMPONENT_NAME = "UCheckboxMultiState";

package/ui.form-color-picker/UColorPicker.vue

@@ -8,7 +8,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import URadio from "../ui.form-radio/URadio.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { UColorPicker } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
@@ -17,9 +17,9 @@ import type { BrandColors } from "../types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UColorPicker),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   colorOptions: () =>
-    getDefaults<Props, Config>(defaultConfig, UColorPicker).colorOptions as BrandColors[],
+    getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME).colorOptions as BrandColors[],
   modelValue: "",
   label: "",
 });

package/ui.form-color-picker/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UColorPicker = "UColorPicker";
+export const COMPONENT_NAME = "UColorPicker";

package/ui.form-date-picker/UDatePicker.vue

@@ -18,7 +18,7 @@ import { useLocale } from "../composables/useLocale.ts";
 import { Direction, useAutoPosition } from "../composables/useAutoPosition.ts";
 
 import defaultConfig from "./config.ts";
-import { UDatePicker } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import { vClickOutside } from "../directives";
 
@@ -32,7 +32,7 @@ defineOptions({ inheritAttrs: false });
 
 type Props = UDatePickerProps<TModelValue>;
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDatePicker),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: undefined,
   minDate: undefined,
   maxDate: undefined,
@@ -56,7 +56,7 @@ const emit = defineEmits([
 
 const { tm } = useLocale();
 
-const i18nGlobal = tm(UDatePicker);
+const i18nGlobal = tm(COMPONENT_NAME);
 
 const isShownCalendar = ref(false);
 const userFormatDate = ref("");

package/ui.form-date-picker/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDatePicker = "UDatePicker";
+export const COMPONENT_NAME = "UDatePicker";

package/ui.form-date-picker/storybook/stories.ts

@@ -10,7 +10,7 @@ import UDatePicker from "../../ui.form-date-picker/UDatePicker.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import URow from "../../ui.container-row/URow.vue";
 
-import { UDatePicker as UDatePickerName } from "../constants.ts";
+import { COMPONENT_NAME } from "../constants.ts";
 
 import type { UDatePickerProps } from "../types.ts";
 
@@ -32,11 +32,11 @@ export default {
     modelValue: null,
   },
   argTypes: {
-    ...getArgTypes(UDatePickerName),
+    ...getArgTypes(COMPONENT_NAME),
   },
   parameters: {
     docs: {
-      ...getDocsDescription(UDatePickerName),
+      ...getDocsDescription(COMPONENT_NAME),
       story: {
         height: "480px",
       },
@@ -47,7 +47,7 @@ export default {
 const DefaultTemplate: StoryFn<DefaultUDatePickerArgs> = (args: DefaultUDatePickerArgs) => ({
   components: { UDatePicker, UIcon },
   setup() {
-    const slots = getSlotNames(UDatePickerName);
+    const slots = getSlotNames(COMPONENT_NAME);
 
     return { args, slots };
   },

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

@@ -46,7 +46,7 @@ import { useUserFormat } from "./useUserFormat.ts";
 
 import defaultConfig from "./config.ts";
 import {
-  UDatePickerRange,
+  COMPONENT_NAME,
   DATE_PICKER_BUTTON_TYPE,
   DATE_PICKER_INPUT_TYPE,
   INPUT_RANGE_FORMAT,
@@ -71,7 +71,7 @@ defineOptions({ inheritAttrs: false });
 
 type Props = UDatePickerRangeProps<TModelValue>;
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDatePickerRange),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   customRangeButton: () => ({ range: { from: null, to: null } }),
   modelValue: undefined,
   minDate: undefined,

package/ui.form-date-picker-range/constants.ts

@@ -2,7 +2,7 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDatePickerRange = "UDatePickerRange";
+export const COMPONENT_NAME = "UDatePickerRange";
 
 export const DATE_PICKER_BUTTON_TYPE = "button";
 export const DATE_PICKER_INPUT_TYPE = "input";

package/ui.form-date-picker-range/storybook/stories.ts

@@ -13,7 +13,7 @@ import UButton from "../../ui.button/UButton.vue";
 
 import { addDays } from "../../ui.form-calendar/utilDate.ts";
 
-import { UDatePickerRange as UDatePickerRangeName } from "../constants.ts";
+import { COMPONENT_NAME } from "../constants.ts";
 
 import type { UDatePickerRangeProps } from "../types.ts";
 
@@ -38,11 +38,11 @@ export default {
     },
   },
   argTypes: {
-    ...getArgTypes(UDatePickerRangeName),
+    ...getArgTypes(COMPONENT_NAME),
   },
   parameters: {
     docs: {
-      ...getDocsDescription(UDatePickerRangeName),
+      ...getDocsDescription(COMPONENT_NAME),
       story: {
         height: "620px",
       },
@@ -55,7 +55,7 @@ const DefaultTemplate: StoryFn<DefaultUDatePickerRangeArgs> = (
 ) => ({
   components: { UDatePickerRange, UIcon, UButton },
   setup() {
-    const slots = getSlotNames(UDatePickerRangeName);
+    const slots = getSlotNames(COMPONENT_NAME);
 
     return { args, slots };
   },

package/ui.form-date-picker-range/useLocale.ts

@@ -4,7 +4,7 @@ import { useLocale as useGlobalLocale } from "../composables/useLocale.ts";
 
 import { getSortedLocale } from "../ui.form-calendar/utilDate.ts";
 import { LocaleType } from "../ui.form-calendar/constants.ts";
-import { UDatePickerRange } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import defaultConfig from "./config.ts";
 
@@ -13,7 +13,7 @@ import type { Locale, UDatePickerRangeProps } from "./types.ts";
 export function useLocale(props: UDatePickerRangeProps<unknown>) {
   const { tm } = useGlobalLocale();
 
-  const i18nGlobal = tm<Locale>(UDatePickerRange);
+  const i18nGlobal = tm<Locale>(COMPONENT_NAME);
 
   const currentLocale = computed(() =>
     merge({}, defaultConfig.i18n, i18nGlobal, props.config?.i18n),

package/ui.form-input/UInput.vue

@@ -10,14 +10,14 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UInput } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInput),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-input/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInput = "UInput";
+export const COMPONENT_NAME = "UInput";

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

@@ -14,7 +14,7 @@ import UFiles from "../ui.text-files/UFiles.vue";
 
 import { useLocale } from "../composables/useLocale.ts";
 
-import { UInputFile } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, ButtonSize, Config } from "./types.ts";
@@ -22,7 +22,7 @@ import type { Props, ButtonSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputFile),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => [],
   allowedFileTypes: () => [],
   label: "",
@@ -49,7 +49,7 @@ const fileInputRef = ref<HTMLInputElement | null>(null);
 
 const elementId = props.id || useId();
 
-const i18nGlobal = tm(UInputFile);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const currentFiles = computed<File | File[] | null>({

package/ui.form-input-file/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInputFile = "UInputFile";
+export const COMPONENT_NAME = "UInputFile";

package/ui.form-input-money/UInputMoney.vue

@@ -8,14 +8,14 @@ import UInput from "../ui.form-input/UInput.vue";
 
 import defaultConfig from "./config.ts";
 import useFormatCurrency from "./useFormatCurrency.ts";
-import { UInputMoney } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputMoney),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-input-money/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInputMoney = "UInputMoney";
+export const COMPONENT_NAME = "UInputMoney";

package/ui.form-input-money/useFormatCurrency.ts

@@ -4,7 +4,10 @@ import { getRawValue, getFormattedValue } from "./utilFormat.ts";
 
 import type { FormatOptions } from "./types.ts";
 
-export default function useFormatCurrency(elementId: string = "", options: () => FormatOptions) {
+export default function useFormatCurrency(
+  elementId: string = "",
+  options: (() => FormatOptions) | FormatOptions,
+) {
   let prevValue = "";
   let inputElement: HTMLInputElement | null = null;
 

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

@@ -3,6 +3,7 @@ import type { FormatOptions } from "./types.ts";
 const isNumberValueRegExp = /^[\d,.\s-]+$/;
 const rawDecimalMark = ".";
 const comma = ",";
+const minus = "-";
 
 export function getRawValue(value: string | number, options: FormatOptions): string {
   const { thousandsSeparator, decimalSeparator, prefix } = options;
@@ -44,12 +45,18 @@ export function getFormattedValue(value: string | number, options: FormatOptions
   value = String(value)
     .replace(invalidValuesRegExp, "")
     .replace(doubleValueRegExp, "$1")
-    .replaceAll(decimalSeparator, rawDecimalMark);
+    .replaceAll(decimalSeparator, rawDecimalMark)
+    .trim();
 
   const isNumber = isNumberValueRegExp.test(value);
   const isFloat = value.endsWith(rawDecimalMark) || value.endsWith(".0");
+  const isMinus = value === minus;
 
-  if (!value || !isNumber || isFloat) {
+  if (isMinus && positiveOnly) {
+    value = "";
+  }
+
+  if (!value || !isNumber || isFloat || isMinus) {
     return `${prefix}${value.replaceAll(rawDecimalMark, decimalSeparator)}`;
   }
 

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

@@ -9,14 +9,14 @@ import UButton from "../ui.button/UButton.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UInputNumber } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { UInputNumberProps, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UInputNumberProps>(), {
-  ...getDefaults<UInputNumberProps, Config>(defaultConfig, UInputNumber),
+  ...getDefaults<UInputNumberProps, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

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

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInputNumber = "UInputNumber";
+export const COMPONENT_NAME = "UInputNumber";

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

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { UInputRating } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
@@ -16,7 +16,7 @@ import type { Props, IconSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputRating),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

package/ui.form-input-rating/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInputRating = "UInputRating";
+export const COMPONENT_NAME = "UInputRating";

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

@@ -9,7 +9,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import UInput from "../ui.form-input/UInput.vue";
 import UButton from "../ui.button/UButton.vue";
 
-import { UInputSearch } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, ButtonSize, Config } from "./types.ts";
@@ -17,7 +17,7 @@ import type { Props, IconSize, ButtonSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputSearch),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-input-search/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UInputSearch = "UInputSearch";
+export const COMPONENT_NAME = "UInputSearch";

package/ui.form-label/ULabel.vue

@@ -5,14 +5,14 @@ import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
 import defaultConfig from "./config.ts";
-import { ULabel, PLACEMENT } from "./constants.ts";
+import { COMPONENT_NAME, PLACEMENT } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, ULabel),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

package/ui.form-label/constants.ts

@@ -2,7 +2,7 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const ULabel = "ULabel";
+export const COMPONENT_NAME = "ULabel";
 
 export const PLACEMENT = {
   topInside: "topInside",

package/ui.form-radio/URadio.vue

@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { URadio } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, LocalValueType, Config } from "./types.ts";
 import type { SetRadioGroupSelectedItem } from "../ui.form-radio-group/types.ts";
@@ -24,7 +24,7 @@ const getRadioGroupSize = inject("getRadioGroupSize", null);
 const getRadioGroupSelectedItem = inject("getRadioGroupSelectedItem", null);
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, URadio),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => ({}),
   value: () => ({}),
   label: "",

package/ui.form-radio/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const URadio = "URadio";
+export const COMPONENT_NAME = "URadio";

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

@@ -8,14 +8,14 @@ import ULabel from "../ui.form-label/ULabel.vue";
 import URadio from "../ui.form-radio/URadio.vue";
 
 import defaultConfig from "./config.ts";
-import { URadioGroup } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, SetRadioGroupSelectedItem, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, URadioGroup),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => [],
   options: () => [],
   label: "",

package/ui.form-radio-group/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const URadioGroup = "URadioGroup";
+export const COMPONENT_NAME = "URadioGroup";

package/ui.form-select/USelect.vue

@@ -18,7 +18,7 @@ import {
   getCurrentOption,
 } from "./utilSelect.ts";
 import defaultConfig from "./config.ts";
-import { USelect, DIRECTION, KEYS } from "./constants.ts";
+import { COMPONENT_NAME, DIRECTION, KEYS } from "./constants.ts";
 
 import { useLocale } from "../composables/useLocale.ts";
 
@@ -29,7 +29,7 @@ import type { ComponentExposed, KeyAttrsWithConfig } from "../types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, USelect),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
   modelValue: "",
   label: "",
@@ -96,7 +96,7 @@ const innerWrapperRef = ref<HTMLDivElement | null>(null);
 
 const elementId = props.id || useId();
 
-const i18nGlobal = tm(USelect);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const isTop = computed(() => {

package/ui.form-select/constants.ts

@@ -2,7 +2,7 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const USelect = "USelect";
+export const COMPONENT_NAME = "USelect";
 
 export const DIRECTION = {
   top: "top",

package/ui.form-switch/USwitch.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { USwitch } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 import { useLocale } from "../composables/useLocale.ts";
 
@@ -17,7 +17,7 @@ import type { Props, IconSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, USwitch),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   label: "",
 });
@@ -32,7 +32,7 @@ const emit = defineEmits([
 
 const { tm } = useLocale();
 
-const i18nGlobal = tm(USwitch);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config?.i18n));
 
 const checkedValue = computed({

package/ui.form-switch/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const USwitch = "USwitch";
+export const COMPONENT_NAME = "USwitch";

package/ui.form-textarea/UTextarea.vue

@@ -9,7 +9,7 @@ import { useMutationObserver } from "../composables/useMutationObserver.ts";
 
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { UTextarea } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -17,7 +17,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UTextarea),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-textarea/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UTextarea = "UTextarea";
+export const COMPONENT_NAME = "UTextarea";