vueless 0.0.328 → 0.0.329

package/ui.container-accordion/{index.stories.js → storybook/stories.js}

@@ -1,7 +1,7 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UAccordion from "../ui.container-accordion";
-import UButton from "../ui.button";
+import UAccordion from "../../ui.container-accordion/UAccordion.vue";
+import UButton from "../../ui.button/UButton.vue";
 
 /**
  * The `UAccordion` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-accordion)
@@ -33,14 +33,14 @@ export default {
     ],
   },
   argTypes: {
-    ...getArgTypes(UAccordion.name),
+    ...getArgTypes(UAccordion.__name),
   },
 };
 
 const DefaultTemplate = (args) => ({
   components: { UAccordion, UButton },
   setup() {
-    const slots = getSlotNames(UAccordion.name);
+    const slots = getSlotNames(UAccordion.__name);
 
     return { args, slots };
   },

package/ui.container-accordion/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
 import { computed } from "vue";
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
-import defaultConfig from "../configs/default.config";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
+import defaultConfig from "./config.js";
 
 export default function useAttrs(props, { isOpened }) {
   const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(

package/ui.container-card/{index.vue → UCard.vue}

@@ -41,17 +41,16 @@
 <script setup>
 import { computed, useSlots } from "vue";
 
-import { getDefault } from "../service.ui";
-import UHeader from "../ui.text-header";
-import UDivider from "../ui.container-divider";
+import { getDefault } from "../utils/utilUI.js";
+import UHeader from "../ui.text-header/UHeader.vue";
+import UDivider from "../ui.container-divider/UDivider.vue";
 
-import { UCard } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composable/attrs.composable";
-import useBreakpoint from "../composable.breakpoint";
+import { UCard } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
+import useBreakpoint from "../composables/useBreakpoint.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UCard", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const slots = useSlots();
 

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-card/{index.stories.js → storybook/stories.js}

@@ -1,11 +1,11 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UCard from "../ui.container-card";
-import URow from "../ui.container-row";
-import UInput from "../ui.form-input";
-import UButton from "../ui.button";
-import UIcon from "../ui.image-icon";
-import UHeader from "../ui.text-header";
+import UCard from "../../ui.container-card/UCard.vue";
+import URow from "../../ui.container-row/URow.vue";
+import UInput from "../../ui.form-input/UInput.vue";
+import UButton from "../../ui.button/UButton.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
+import UHeader from "../../ui.text-header/UHeader.vue";
 
 /**
  * The `UCard` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-card)
@@ -18,7 +18,7 @@ export default {
     title: "Title",
   },
   argTypes: {
-    ...getArgTypes(UCard.name),
+    ...getArgTypes(UCard.__name),
   },
 };
 
@@ -38,7 +38,7 @@ const defaultTemplate = `
 const DefaultTemplate = (args) => ({
   components: { UCard, UButton, UInput, UIcon, UHeader },
   setup() {
-    const slots = getSlotNames(UCard.name);
+    const slots = getSlotNames(UCard.__name);
 
     return { args, slots };
   },

package/ui.container-card/{composable/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva, cx } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva, cx } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props, { isMobileBreakpoint }) {

package/ui.container-col/{index.vue → UCol.vue}

@@ -6,14 +6,13 @@
 </template>
 
 <script setup>
-import { getDefault } from "../service.ui";
+import { getDefault } from "../utils/utilUI.js";
 
-import { UCol } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
+import { UCol } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UCol", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-col/{index.stories.js → storybook/stories.js}

@@ -1,8 +1,8 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UCol from "../ui.container-col";
-import UInput from "../ui.form-input";
-import UButton from "../ui.button";
+import UCol from "../../ui.container-col/UCol.vue";
+import UInput from "../../ui.form-input/UInput.vue";
+import UButton from "../../ui.button/UButton.vue";
 
 /**
  * The `UCol` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-col)
@@ -13,7 +13,7 @@ export default {
   component: UCol,
   args: {},
   argTypes: {
-    ...getArgTypes(UCol.name),
+    ...getArgTypes(UCol.__name),
   },
   parameters: {
     docs: {
@@ -33,7 +33,7 @@ const defaultTemplate = `
 const DefaultTemplate = (args) => ({
   components: { UCol, UInput, UButton },
   setup() {
-    const slots = getSlotNames(UCol.name);
+    const slots = getSlotNames(UCol.__name);
 
     return { args, slots };
   },

package/{ui.form-input-number/composables/attrs.composable.js → ui.container-col/useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.container-divider/{index.vue → UDivider.vue}

@@ -9,14 +9,13 @@
 </template>
 
 <script setup>
-import { getDefault } from "../service.ui";
+import { getDefault } from "../utils/utilUI.js";
 
-import { UDivider } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
+import { UDivider } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UDivider", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-divider/{index.stories.js → storybook/stories.js}

@@ -1,7 +1,7 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
-import URow from "../ui.container-row";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UDivider from "../ui.container-divider";
+import URow from "../../ui.container-row/URow.vue";
+import UDivider from "../../ui.container-divider/UDivider.vue";
 
 /**
  * The `UDivider` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-divider)
@@ -11,14 +11,14 @@ export default {
   title: "Containers / Divider",
   component: UDivider,
   argTypes: {
-    ...getArgTypes(UDivider.name),
+    ...getArgTypes(UDivider.__name),
   },
 };
 
 const DefaultTemplate = (args) => ({
   components: { UDivider },
   setup() {
-    const slots = getSlotNames(UDivider.name);
+    const slots = getSlotNames(UDivider.__name);
 
     return { args, slots };
   },

package/ui.container-divider/{composables/attrs.composable.js → useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.container-group/{index.vue → UGroup.vue}

@@ -32,16 +32,15 @@
 </template>
 
 <script setup>
-import { getDefault } from "../service.ui";
-import UDivider from "../ui.container-divider";
-import UHeader from "../ui.text-header";
+import { getDefault } from "../utils/utilUI.js";
+import UDivider from "../ui.container-divider/UDivider.vue";
+import UHeader from "../ui.text-header/UHeader.vue";
 
-import { UGroup } from "./constants";
-import defaultConfig from "./configs/default.config";
-import useAttrs from "./composables/attrs.composable";
+import { UGroup } from "./constants.js";
+import defaultConfig from "./config.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UGroup", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-group/{index.stories.js → storybook/stories.js}

@@ -1,9 +1,9 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UGroup from "../ui.container-group";
-import UCol from "../ui.container-col";
-import UInput from "../ui.form-input";
-import UButton from "../ui.button";
+import UGroup from "../../ui.container-group/UGroup.vue";
+import UCol from "../../ui.container-col/UCol.vue";
+import UInput from "../../ui.form-input/UInput.vue";
+import UButton from "../../ui.button/UButton.vue";
 
 /**
  * The `UGroup` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-group)
@@ -16,7 +16,7 @@ export default {
     title: "Form group",
   },
   argTypes: {
-    ...getArgTypes(UGroup.name),
+    ...getArgTypes(UGroup.__name),
   },
   parameters: {
     docs: {
@@ -38,7 +38,7 @@ const defaultTemplate = `
 const DefaultTemplate = (args) => ({
   components: { UGroup, UCol, UInput, UButton },
   setup() {
-    const slots = getSlotNames(UGroup.name);
+    const slots = getSlotNames(UGroup.__name);
 
     return { args, slots };
   },

package/{ui.navigation-tabs/composables/attrs.composable.js → ui.container-group/useAttrs.js}

@@ -1,7 +1,7 @@
-import useUI from "../../composable.ui";
-import { cva } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.container-modal/{index.vue → UModal.vue}

@@ -111,19 +111,18 @@
 <script setup>
 import { computed, useSlots, watch, ref } from "vue";
 
-import { getRandomId, getDefault } from "../service.ui";
+import { getRandomId, getDefault } from "../utils/utilUI.js";
 
-import ULink from "../ui.button-link";
-import UIcon from "../ui.image-icon";
-import UHeader from "../ui.text-header";
-import UDivider from "../ui.container-divider";
+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 UDivider from "../ui.container-divider/UDivider.vue";
 
-import defaultConfig from "./configs/default.config";
-import { UModal } from "./constants/index";
-import useAttrs from "./composables/attrs.composable";
+import defaultConfig from "./config.js";
+import { UModal } from "./constants.js";
+import useAttrs from "./useAttrs.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UModal", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 const slots = useSlots();
 
 const wrapperRef = ref(null);

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-modal/{index.stories.js → storybook/stories.js}

@@ -1,12 +1,12 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UModal from "../ui.container-modal";
-import UButton from "../ui.button";
-import UIcon from "../ui.image-icon";
-import UHeader from "../ui.text-header";
-import UInput from "../ui.form-input";
-import UTextarea from "../ui.form-textarea";
-import URow from "../ui.container-row";
+import UModal from "../../ui.container-modal/UModal.vue";
+import UButton from "../../ui.button/UButton.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
+import UHeader from "../../ui.text-header/UHeader.vue";
+import UInput from "../../ui.form-input/UInput.vue";
+import UTextarea from "../../ui.form-textarea/UTextarea.vue";
+import URow from "../../ui.container-row/URow.vue";
 
 /**
  * The `UModal` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-modal)
@@ -20,7 +20,7 @@ export default {
     modelValue: false,
   },
   argTypes: {
-    ...getArgTypes(UModal.name),
+    ...getArgTypes(UModal.__name),
   },
   parameters: {
     docs: {
@@ -47,7 +47,7 @@ const DefaultTemplate = (args) => ({
       args.modelValue = true;
     }
 
-    const slots = getSlotNames(UModal.name);
+    const slots = getSlotNames(UModal.__name);
 
     return { args, slots, onClick };
   },

package/ui.container-modal/{composables/attrs.composable.js → useAttrs.js}

@@ -1,10 +1,10 @@
-import useUI from "../../composable.ui";
-import { cva, cx } from "../../service.ui";
+import useUI from "../composables/useUI.js";
+import { cva, cx } from "../utils/utilUI.js";
 
-import defaultConfig from "../configs/default.config";
+import defaultConfig from "./config.js";
 import { computed } from "vue";
 
-import useBreakpoint from "../../composable.breakpoint";
+import useBreakpoint from "../composables/useBreakpoint.js";
 
 export default function useAttrs(props) {
   const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(

package/ui.container-modal-confirm/{index.vue → UModalConfirm.vue}

@@ -64,18 +64,17 @@
 import { computed } from "vue";
 import { merge } from "lodash-es";
 
-import { getDefault } from "../service.ui";
+import { getDefault } from "../utils/utilUI.js";
 
-import UButton from "../ui.button";
-import UModal from "../ui.container-modal";
+import UButton from "../ui.button/UButton.vue";
+import UModal from "../ui.container-modal/UModal.vue";
 
-import defaultConfig from "./configs/default.config";
-import { UModalConfirm } from "./constants/index";
-import useAttrs from "./composable/attrs.composable";
-import { useLocale } from "../composable.locale";
+import defaultConfig from "./config.js";
+import { UModalConfirm } from "./constants.js";
+import useAttrs from "./useAttrs.js";
+import { useLocale } from "../composables/useLocale.js";
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UModalConfirm", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-modal-confirm/{index.stories.js → storybook/stories.js}

@@ -1,10 +1,10 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
-import UModalConfirm from "../ui.container-modal-confirm";
-import UButton from "../ui.button";
-import UHeader from "../ui.text-header";
-import UIcon from "../ui.image-icon";
-import URow from "../ui.container-row";
+import UModalConfirm from "../../ui.container-modal-confirm/UModalConfirm.vue";
+import UButton from "../../ui.button/UButton.vue";
+import UHeader from "../../ui.text-header/UHeader.vue";
+import UIcon from "../../ui.image-icon/UIcon.vue";
+import URow from "../../ui.container-row/URow.vue";
 
 /**
  * The `UModalConfirm` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.container-modal-confirm)
@@ -19,7 +19,7 @@ export default {
     modelValue: false,
   },
   argTypes: {
-    ...getArgTypes(UModalConfirm.name),
+    ...getArgTypes(UModalConfirm.__name),
   },
   parameters: {
     docs: {
@@ -39,7 +39,7 @@ const DefaultTemplate = (args) => ({
       args.modelValue = true;
     }
 
-    const slots = getSlotNames(UModalConfirm.name);
+    const slots = getSlotNames(UModalConfirm.__name);
 
     return { args, slots, onClick };
   },

package/ui.container-modal-confirm/{composable/attrs.composable.js → useAttrs.js}

@@ -1,6 +1,6 @@
-import useUI from "../../composable.ui";
-import defaultConfig from "../configs/default.config";
-import { cva } from "../../service.ui/index.js";
+import useUI from "../composables/useUI.js";
+import defaultConfig from "./config.js";
+import { cva } from "../utils/utilUI.js";
 import { computed } from "vue";
 
 export default function useAttrs(props) {

package/ui.container-page/{index.vue → UPage.vue}

@@ -83,22 +83,21 @@
 <script setup>
 import { computed, useSlots, onMounted } from "vue";
 
-import useBreakpoint from "../composable.breakpoint";
+import useBreakpoint from "../composables/useBreakpoint.js";
 
-import ULink from "../ui.button-link/index.vue";
-import UIcon from "../ui.image-icon/index.vue";
-import UHeader from "../ui.text-header/index.vue";
+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 "../service.ui";
+import { getDefault } from "../utils/utilUI.js";
 
-import defaultConfig from "./configs/default.config";
-import { UPage } from "./constants";
-import useAttrs from "./composables/attrs.composable";
+import defaultConfig from "./config.js";
+import { UPage } from "./constants.js";
+import useAttrs from "./useAttrs.js";
 
 const slots = useSlots();
 
-/* Should be a string for correct web-types gen */
-defineOptions({ name: "UPage", inheritAttrs: false });
+defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**

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

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../../utils/utilStorybook.js";
+
+import * as stories from "./stories.js";
+import defaultConfig from "../config.js?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## Default config
+<Source code={getSource(defaultConfig)} language="jsx" dark />