vueless 0.0.478-beta.13 → 0.0.478-beta.15

package/composables/useAutoPosition.ts

@@ -1,5 +1,5 @@
 import { computed, toValue, ref } from "vue";
-import { isSSR } from "../utils/utilHelper.ts";
+import { isSSR } from "../utils/helper.ts";
 
 import type { ComputedRef, MaybeRef, Reactive } from "vue";
 

package/composables/useBreakpoint.ts

@@ -1,5 +1,5 @@
 import { onMounted, ref, watch, computed, onBeforeUnmount } from "vue";
-import { isSSR } from "../utils/utilHelper.ts";
+import { isSSR } from "../utils/helper.ts";
 
 import type { Ref } from "vue";
 

package/composables/useMutationObserver.ts

@@ -1,5 +1,5 @@
 import { computed, onBeforeUnmount, onMounted, toValue, watch } from "vue";
-import { isSSR } from "../utils/utilHelper.ts";
+import { isSSR } from "../utils/helper.ts";
 
 import type { TemplateRefElement } from "../types.ts";
 

package/composables/useUI.ts

@@ -11,14 +11,14 @@ import {
   computed,
 } from "vue";
 
-import { cx, cva, setColor, getColor, vuelessConfig, mergeConfigs } from "../utils/utilUI.ts";
-import { cloneDeep, isCSR } from "../utils/utilHelper.ts";
+import { cx, cva, setColor, getColor, vuelessConfig, mergeConfigs } from "../utils/ui.ts";
+import { cloneDeep, isCSR } from "../utils/helper.ts";
 import {
   STRATEGY_TYPE,
   CVA_CONFIG_KEY,
   SYSTEM_CONFIG_KEY,
   NESTED_COMPONENT_REG_EXP,
-} from "../constants.ts";
+} from "../constants.js";
 
 import type { ComponentInternalInstance, Slot, VNode, ComputedRef } from "vue";
 import type {

package/constants.js

@@ -0,0 +1,192 @@
+/**
+ * The file has `.js` extension to support both node and browser scripts without a file transpilation.
+ * Please do not change the extension if you do not fully understand the consequences.
+ */
+
+/* Custom Vueless colors */
+export const BRAND_COLOR = "brand";
+export const GRAY_COLOR = "gray";
+export const COOL_COLOR = "cool";
+export const GRAYSCALE_COLOR = "grayscale";
+
+/* Vueless dark mode */
+export const DARK_MODE_SELECTOR = "vl-dark";
+export const LIGHT_MODE_SELECTOR = "vl-light";
+
+/* Vueless defaults */
+export const DEFAULT_BRAND_COLOR = GRAYSCALE_COLOR;
+export const DEFAULT_GRAY_COLOR = COOL_COLOR;
+export const DEFAULT_RING = 4; /* pixels */
+export const DEFAULT_RING_OFFSET = 0; /* pixels */
+export const DEFAULT_RING_OFFSET_COLOR_LIGHT = "#ffffff"; // white
+export const DEFAULT_RING_OFFSET_COLOR_DARK = "#1f2937"; // gray-800
+export const DEFAULT_ROUNDING = 8; /* pixels */
+
+/* Vueless supported colors and shades */
+export const COLOR_SHADES = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+export const GRAY_COLORS = ["slate", COOL_COLOR, "zinc", "neutral", "stone"];
+export const BRAND_COLORS = [
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose",
+];
+
+/* Vueless merge class strategy types */
+export const STRATEGY_TYPE = {
+  merge: "merge",
+  replace: "replace",
+  overwrite: "overwrite",
+};
+
+/* CVA (Class Variance Authority) default config keys */
+export const CVA_CONFIG_KEY = {
+  base: "base",
+  variants: "variants",
+  compoundVariants: "compoundVariants",
+  defaultVariants: "defaultVariants",
+};
+
+/* Vueless default config keys */
+export const SYSTEM_CONFIG_KEY = {
+  i18n: "i18n",
+  defaults: "defaults",
+  strategy: "strategy",
+  safelist: "safelist",
+  component: "component",
+  transition: "transition",
+  safelistColors: "safelistColors",
+  ...CVA_CONFIG_KEY,
+};
+
+/* Component to folder mapping. */
+export const COMPONENTS = {
+  /* Buttons & Links */
+  UButton: "ui.button",
+  ULink: "ui.button-link",
+  UToggle: "ui.button-toggle",
+  UToggleItem: "ui.button-toggle-item",
+
+  /* Dropdowns */
+  UDropdownButton: "ui.dropdown-button",
+  UDropdownBadge: "ui.dropdown-badge",
+  UDropdownLink: "ui.dropdown-link",
+  UDropdownList: "ui.dropdown-list",
+
+  /* Form Inputs & Controls */
+  UInput: "ui.form-input",
+  UInputFile: "ui.form-input-file",
+  UInputMoney: "ui.form-input-money",
+  UInputSearch: "ui.form-input-search",
+  UInputNumber: "ui.form-input-number",
+  UInputRating: "ui.form-input-rating",
+  UTextarea: "ui.form-textarea",
+  USelect: "ui.form-select",
+  UCheckbox: "ui.form-checkbox",
+  UCheckboxGroup: "ui.form-checkbox-group",
+  UCheckboxMultiState: "ui.form-checkbox-multi-state",
+  USwitch: "ui.form-switch",
+  URadio: "ui.form-radio",
+  URadioGroup: "ui.form-radio-group",
+  UCalendar: "ui.form-calendar",
+  UDatePicker: "ui.form-date-picker",
+  UDatePickerRange: "ui.form-date-picker-range",
+  ULabel: "ui.form-label",
+  UColorPicker: "ui.form-color-picker",
+
+  /* Text & Content */
+  UHeader: "ui.text-header",
+  UText: "ui.text-block",
+  UAlert: "ui.text-alert",
+  UNotify: "ui.text-notify",
+  UMoney: "ui.text-money",
+  UFile: "ui.text-file",
+  UFiles: "ui.text-files",
+  UEmpty: "ui.text-empty",
+  UBadge: "ui.text-badge",
+
+  /* Containers */
+  UDivider: "ui.container-divider",
+  UCol: "ui.container-col",
+  URow: "ui.container-row",
+  UGroup: "ui.container-group",
+  UAccordion: "ui.container-accordion",
+  UCard: "ui.container-card",
+  UModal: "ui.container-modal",
+  UModalConfirm: "ui.container-modal-confirm",
+  UPage: "ui.container-page",
+
+  /* Images and Icons */
+  UIcon: "ui.image-icon",
+  UAvatar: "ui.image-avatar",
+
+  /* Data */
+  UTable: "ui.data-table",
+  UDataList: "ui.data-list",
+
+  /* Navigation */
+  UTab: "ui.navigation-tab",
+  UTabs: "ui.navigation-tabs",
+  UProgress: "ui.navigation-progress",
+  UPagination: "ui.navigation-pagination",
+
+  /* Loaders and Skeletons */
+  ULoader: "ui.loader",
+  ULoaderProgress: "ui.loader-progress",
+  ULoaderOverlay: "ui.loader-overlay",
+
+  /* Other */
+  UDot: "ui.other-dot",
+};
+
+/* Extending Tailwind Merge by vueless custom tailwind classes. */
+export const TAILWIND_MERGE_EXTENSION = {
+  extend: {
+    theme: {
+      spacing: ["safe-top", "safe-bottom", "safe-left", "safe-right"],
+    },
+    classGroups: {
+      "ring-w": [{ ring: ["dynamic"] }],
+      "ring-offset-w": [{ "ring-offset": ["dynamic"] }],
+      "ring-offset-color": [{ "ring-offset": ["dynamic"] }],
+      "font-size": [{ text: ["2xs"] }],
+      rounded: [{ rounded: ["dynamic"] }],
+    },
+  },
+};
+
+/* SVGO config for preparing SVG icons. */
+export const DEFAULT_SVGO_CONFIG = {
+  plugins: [
+    {
+      name: "preset-default",
+      params: {
+        overrides: {
+          removeViewBox: false,
+          convertColors: {
+            currentColor: true,
+          },
+        },
+      },
+    },
+  ],
+};
+
+/* Other */
+export const PX_IN_REM = 16;
+export const NESTED_COMPONENT_REG_EXP = /\{U[^}]*}/g;
+export const DYNAMIC_COLOR_PATTERN = "{color}";
+export const TAILWIND_CLASS_DELIMITER = ":";

package/directives/clickOutside/storybook/stories.ts

@@ -1,5 +1,5 @@
 import type { Meta } from "@storybook/vue3";
-import { getArgTypes } from "../../../utils/utilStorybook.ts";
+import { getArgTypes } from "../../../utils/storybook.ts";
 
 import { ref, computed, onMounted, useTemplateRef } from "vue";
 

package/directives/tooltip/storybook/stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryFn } from "@storybook/vue3";
-import { getArgTypes } from "../../../utils/utilStorybook.ts";
+import { getArgTypes } from "../../../utils/storybook.ts";
 
 import UIcon from "../../../ui.image-icon/UIcon.vue";
 import URow from "../../../ui.container-row/URow.vue";

package/directives/tooltip/vTooltip.ts

@@ -1,8 +1,8 @@
 import tippy from "tippy.js";
 import { merge } from "lodash-es";
 
-import { vuelessConfig } from "../../utils/utilUI.ts";
-import { isCSR, isSSR } from "../../utils/utilHelper.ts";
+import { vuelessConfig } from "../../utils/ui.ts";
+import { isCSR, isSSR } from "../../utils/helper.ts";
 
 import type { DefaultProps } from "tippy.js";
 import type {

package/index.ts

@@ -2,13 +2,13 @@
 import { createLocale, LocaleSymbol } from "./composables/useLocale.ts";
 import { createLoaderOverlay, LoaderOverlaySymbol } from "./ui.loader-overlay/useLoaderOverlay.js";
 import { createLoaderProgress, LoaderProgressSymbol } from "./ui.loader-progress/useLoaderProgress.js";
-import { themeInit } from "./utils/utilTheme.ts";
+import { themeInit } from "./utils/theme.ts";
 
 import type { App } from 'vue'
 import type { CreateVuelessOptions } from './types.ts'
 
-export { setTitle } from "./utils/utilHelper.ts";
-export { setTheme } from "./utils/utilTheme.ts";
+export { setTitle } from "./utils/helper.ts";
+export { setTheme } from "./utils/theme.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.478-beta.13",
+  "version": "0.0.478-beta.15",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -27,12 +27,12 @@
     "access": "public"
   },
   "scripts": {
-    "dev:docs": "npx @vueless/web-types && node prepare.icons && storybook dev -p 6006 --docs --no-open",
-    "dev": "npx @vueless/web-types && node prepare.icons && STORYBOOK_FULL=1 storybook dev -p 6006 --no-open",
-    "build": "npx @vueless/web-types && node prepare.icons && storybook build --docs",
+    "dev:docs": "npx @vueless/web-types && node .prepare/icons && storybook dev -p 6006 --docs --no-open",
+    "dev": "npx @vueless/web-types && node .prepare/icons && STORYBOOK_FULL=1 storybook dev -p 6006 --no-open",
+    "build": "npx @vueless/web-types && node .prepare/icons && storybook build --docs",
     "preview": "vite preview --host --outDir=storybook-static",
     "ts:check": "vue-tsc --build --force",
-    "release:prepare": "node prepare.icons && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md dist/ && node prepare.package",
+    "release:prepare": "node .prepare/icons && rm -rf dist && mkdir -p dist && cp -r src/. package.json LICENSE README.md dist/ && node .prepare/package",
     "release:beta": "release-it --ci --npm.publish --preRelease=beta --increment=prerelease",
     "release:patch": "release-it patch --ci --npm.publish",
     "release:minor": "release-it minor --ci --npm.publish --git.tag --github.release",

package/preset.tailwind.js

@@ -1,3 +1,8 @@
+/**
+ * The file has `.js` extension because it is a node script.
+ * Please do not change the extension if you do not fully understand the consequences.
+ */
+
 import forms from "@tailwindcss/forms";
 import colors from "tailwindcss/colors.js";
 import {
@@ -13,7 +18,7 @@ import {
   DEFAULT_BRAND_COLOR,
   DEFAULT_GRAY_COLOR,
   GRAYSCALE_COLOR,
-} from "./constants.ts";
+} from "./constants.js";
 
 const isStrategyOverride = process.env.VUELESS_STRATEGY === "override";
 const brandColor = process.env.VUELESS_BRAND || DEFAULT_BRAND_COLOR;

package/ui.button/UButton.vue

@@ -83,7 +83,7 @@
 <script setup>
 import { computed, ref, watchEffect, useId, watch } from "vue";
 
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 import ULoader from "../ui.loader/ULoader.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 

package/ui.button/storybook/Docs.mdx

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

package/ui.button/storybook/stories.js

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

package/ui.button-link/ULink.vue

@@ -47,7 +47,7 @@
 <script setup>
 import { computed, ref } from "vue";
 import { RouterLink, useLink } from "vue-router";
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import useAttrs from "./useAttrs.js";
 import defaultConfig from "./config.js";

package/ui.button-link/storybook/Docs.mdx

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

package/ui.button-link/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import ULink from "../../ui.button-link/ULink.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";

package/ui.button-toggle/UToggle.vue

@@ -33,7 +33,7 @@ import { computed, provide, readonly } from "vue";
 
 import ULabel from "../ui.form-label/ULabel.vue";
 import UToggleItem from "../ui.button-toggle-item/UToggleItem.vue";
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import { UToggle, TYPE_RADIO, TYPE_CHECKBOX } from "./constants.js";

package/ui.button-toggle/storybook/Docs.mdx

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

package/ui.button-toggle/storybook/stories.js

@@ -1,5 +1,5 @@
 import { ref } from "vue";
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UToggle from "../../ui.button-toggle/UToggle.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";

package/ui.button-toggle-item/UToggleItem.vue

@@ -51,7 +51,7 @@
 import { computed, inject, onMounted, ref, useId } from "vue";
 
 import UButton from "../ui.button/UButton.vue";
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import { TYPE_RADIO } from "../ui.button-toggle/constants.js";
 

package/ui.button-toggle-item/storybook/Docs.mdx

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

package/ui.button-toggle-item/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UToggleItem from "../../ui.button-toggle-item/UToggleItem.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";

package/ui.container-accordion/UAccordion.vue

@@ -26,7 +26,7 @@ import { computed, ref, useId } from "vue";
 
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UDivider from "../ui.container-divider/UDivider.vue";
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import { UAccordion } from "./constants.js";
 import defaultConfig from "./config.js";

package/ui.container-accordion/storybook/Docs.mdx

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

package/ui.container-accordion/storybook/stories.js

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

package/ui.container-card/storybook/Docs.mdx

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

package/ui.container-card/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UCard from "../../ui.container-card/UCard.vue";
 import UInput from "../../ui.form-input/UInput.vue";

package/ui.container-col/UCol.vue

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

package/ui.container-col/storybook/Docs.mdx

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

package/ui.container-col/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UCol from "../../ui.container-col/UCol.vue";
 import UInput from "../../ui.form-input/UInput.vue";

package/ui.container-divider/UDivider.vue

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

package/ui.container-divider/storybook/Docs.mdx

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

package/ui.container-divider/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import URow from "../../ui.container-row/URow.vue";
 import UDivider from "../../ui.container-divider/UDivider.vue";

package/ui.container-group/UGroup.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 import UDivider from "../ui.container-divider/UDivider.vue";
 import UHeader from "../ui.text-header/UHeader.vue";
 

package/ui.container-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.ts";
+import { getSource } from "../../utils/storybook.ts";
 
 import * as stories from "./stories.js";
 import defaultConfig from "../config.js?raw"

package/ui.container-group/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UGroup from "../../ui.container-group/UGroup.vue";
 import UCol from "../../ui.container-col/UCol.vue";

package/ui.container-modal/UModal.vue

@@ -107,7 +107,7 @@
 <script setup>
 import { computed, useSlots, watch, ref, useId } from "vue";
 
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import ULink from "../ui.button-link/ULink.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.container-modal/storybook/Docs.mdx

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

package/ui.container-modal/storybook/stories.js

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

package/ui.container-modal-confirm/UModalConfirm.vue

@@ -83,7 +83,7 @@
 import { computed } from "vue";
 import { merge } from "lodash-es";
 
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import UButton from "../ui.button/UButton.vue";
 import UModal from "../ui.container-modal/UModal.vue";

package/ui.container-modal-confirm/storybook/Docs.mdx

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

package/ui.container-modal-confirm/storybook/stories.js

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

package/ui.container-page/UPage.vue

@@ -89,7 +89,7 @@ import ULink from "../ui.button-link/ULink.vue";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UHeader from "../ui.text-header/UHeader.vue";
 
-import { getDefault } from "../utils/utilUI.ts";
+import { getDefault } from "../utils/ui.ts";
 
 import defaultConfig from "./config.js";
 import { UPage } from "./constants.js";

package/ui.container-page/storybook/Docs.mdx

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

package/ui.container-page/storybook/stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.ts";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
 
 import UPage from "../../ui.container-page/UPage.vue";
 import UCard from "../../ui.container-card/UCard.vue";

package/ui.container-page/useAttrs.js

@@ -1,6 +1,6 @@
 import { computed } from "vue";
 import useUI from "../composables/useUI.ts";
-import { isMobileApp } from "../utils/utilPlatform.ts";
+import { isMobileApp } from "../utils/platform.ts";
 
 import defaultConfig from "./config.js";