dxd-style-code 0.1.9 → 0.1.11

package/src/components/atoms/DXIconWrapper/DXIconWrapper.vue

@@ -16,8 +16,8 @@
 
 <script setup>
 import { computed } from 'vue';
-import { useClassComposition } from '@/composables/useClassComposition';
-import { useCustomDataAttributes } from '@/composables/useDataAttributes';
+import { useClassComposition } from '../../../composables/useClassComposition';
+import { useCustomDataAttributes } from '../../../composables/useDataAttributes';
 import DXIcon from '../DXIcon/DXIcon.vue';
 
 const props = defineProps({

package/src/components/atoms/DXInputAddon/DXInputAddon.vue

@@ -11,7 +11,7 @@
 
 <script setup>
 import { inject, computed, onMounted, onUnmounted } from "vue";
-import { useSize } from "@/composables/useSize";
+import { useSize } from "../../../composables/useSize";
 
 const props = defineProps({
   icon: { type: [Object, Function], default: null },

package/src/components/{typography → atoms}/DXLabel/DXLabel.stories.js

@@ -1,7 +1,7 @@
 import DXLabel from './DXLabel.vue';
 
 export default {
-  title: 'Typography/DXLabel',
+  title: 'Atoms/DXLabel',
   component: DXLabel,
   tags: ['autodocs'],
 };

package/src/components/{typography → atoms}/DXLabel/DXLabel.vue

@@ -11,7 +11,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useVariantText } from "@/composables/useVariant";
+import { useVariantText } from "../../../composables/useVariant";
 
 const props = defineProps({
   /** ID связанного input */

package/src/components/atoms/DXLink/DXLink.vue

@@ -28,9 +28,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantButton } from "@/composables/useVariant";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useVariantButton } from "../../../composables/useVariant";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXIcon from "../DXIcon/DXIcon.vue";
 import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
 

package/src/components/{typography → atoms}/DXList/DXList.stories.js

@@ -1,7 +1,7 @@
 import DXList from './DXList.vue';
 
 export default {
-  title: 'Typography/DXList',
+  title: 'Atoms/DXList',
   component: DXList,
   tags: ['autodocs'],
 };

package/src/components/atoms/DXLoader/DXLoader.vue

@@ -14,8 +14,8 @@
 
 <script setup>
 import { computed, useSlots } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantLoader } from "@/composables/useVariant";
+import { useSize } from "../../../composables/useSize";
+import { useVariantLoader } from "../../../composables/useVariant";
 
 const props = defineProps({
   /** Размер: xs | sm | md | lg | xl */

package/src/components/atoms/DXProgress/DXProgress.vue

@@ -34,9 +34,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useAnimation } from "@/composables/useAnimation";
-import { useVariantProgress } from "@/composables/useVariant";
+import { useSize } from "../../../composables/useSize";
+import { useAnimation } from "../../../composables/useAnimation";
+import { useVariantProgress } from "../../../composables/useVariant";
 
 const props = defineProps({
   /** Текущее значение */

package/src/components/atoms/DXQuote/DXQuote.vue

@@ -12,7 +12,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 
 const props = defineProps({
   /**

package/src/components/atoms/DXRadio/DXRadio.vue

@@ -46,8 +46,8 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantRadio } from "@/composables/useVariant";
+import { useSize } from "../../../composables/useSize";
+import { useVariantRadio } from "../../../composables/useVariant";
 
 const props = defineProps({
   /** Текущее значение группы (v-model) */

package/src/components/atoms/DXSlider/DXSlider.vue

@@ -71,9 +71,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantSlider } from "@/composables/useVariant";
-import { useSpacing } from "@/composables/useSpacing";
+import { useSize } from "../../../composables/useSize";
+import { useVariantSlider } from "../../../composables/useVariant";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXIcon from "../DXIcon/DXIcon.vue";
 
 const props = defineProps({

package/src/components/{layout → atoms}/DXSpacer/DXSpacer.stories.js

@@ -1,7 +1,7 @@
 import DXSpacer from './DXSpacer.vue';
 
 export default {
-  title: 'Layout/DXSpacer',
+  title: 'Atoms/DXSpacer',
   component: DXSpacer,
   tags: ['autodocs'],
   parameters: {

package/src/components/{layout → atoms}/DXSpacer/DXSpacer.vue

@@ -4,7 +4,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 
 const props = defineProps({
   /** Размер: xs | sm | md | lg | xl или число в пикселях */

package/src/components/{layout → atoms}/DXStack/DXStack.stories.js

@@ -1,7 +1,7 @@
 import DXStack from './DXStack.vue';
 
 export default {
-  title: 'Layout/DXStack',
+  title: 'Atoms/DXStack',
   component: DXStack,
   tags: ['autodocs'],
   parameters: {

package/src/components/{layout → atoms}/DXStack/DXStack.vue

@@ -13,8 +13,8 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
 
 const props = defineProps({
   /** Направление: vertical | horizontal */

package/src/components/atoms/DXTags/DXTags.vue

@@ -38,9 +38,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantTag } from "@/composables/useVariant";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useVariantTag } from "../../../composables/useVariant";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import { XMarkIcon } from "@heroicons/vue/24/solid";
 import DXIcon from "../DXIcon/DXIcon.vue";
 

package/src/components/{typography → atoms}/DXText/DXText.stories.js

@@ -1,7 +1,7 @@
 import DXText from './DXText.vue';
 
 export default {
-  title: 'Typography/DXText',
+  title: 'Atoms/DXText',
   component: DXText,
   tags: ['autodocs'],
   argTypes: {

package/src/components/{typography → atoms}/DXText/DXText.vue

@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useVariantText } from "@/composables/useVariant";
+import { useVariantText } from "../../../composables/useVariant";
 
 const props = defineProps({
   /** Тег: p | span | div */

package/src/components/atoms/DXToast/DXToast.vue

@@ -14,7 +14,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useVariantConfig } from "@/composables/useVariant";
+import { useVariantConfig } from "../../../composables/useVariant";
 import DXIcon from "../DXIcon/DXIcon.vue";
 
 const props = defineProps({

package/src/components/atoms/DXToggle/DXToggle.vue

@@ -25,10 +25,10 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantToggle } from "@/composables/useVariant";
-import { useAnimation } from "@/composables/useAnimation";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useVariantToggle } from "../../../composables/useVariant";
+import { useAnimation } from "../../../composables/useAnimation";
+import { useClassComposition } from "../../../composables/useClassComposition";
 
 const props = defineProps({
   /** Значение (v-model) */

package/src/components/atoms/DXToggleButton/DXToggleButton.vue

@@ -23,9 +23,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantButton } from "@/composables/useVariant";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useVariantButton } from "../../../composables/useVariant";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXIcon from "../DXIcon/DXIcon.vue";
 
 const props = defineProps({

package/src/components/atoms/DXTooltip/DXTooltip.vue

@@ -24,9 +24,9 @@
 
 <script setup>
 import { ref, computed, onUnmounted, useSlots } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useVariantTooltip, useTooltipArrow, useTooltipPosition } from "@/composables/useVariant";
-import { useAnimationTransition, useTooltipCustomTransition } from "@/composables/useAnimation";
+import { useSize } from "../../../composables/useSize";
+import { useVariantTooltip, useTooltipArrow, useTooltipPosition } from "../../../composables/useVariant";
+import { useAnimationTransition, useTooltipCustomTransition } from "../../../composables/useAnimation";
 
 const props = defineProps({
   /** Текст подсказки */

package/src/components/atoms/index.js

@@ -2,22 +2,34 @@
 export { default as DXAvatar } from './DXAvatar';
 export { default as DXBackdrop } from './DXBackdrop';
 export { default as DXBadge } from './DXBadge';
+export { default as DXBlockquote } from './DXBlockquote';
+export { default as DXBox } from './DXBox';
 export { default as DXButton } from './DXButton';
 export { default as DXCard } from './DXCard';
 export { default as DXCheckbox } from './DXCheckbox';
+export { default as DXCode } from './DXCode';
+export { default as DXContainer } from './DXContainer';
 export { default as DXDivider } from './DXDivider';
 export { default as DXDropdownItem } from './DXDropdownItem';
+export { default as DXFlex } from './DXFlex';
 export { default as DXFormLabel } from './DXFormLabel';
+export { default as DXGrid } from './DXGrid';
+export { default as DXHeading } from './DXHeading';
 export { default as DXIcon } from './DXIcon';
 export { default as DXIconWrapper } from './DXIconWrapper';
 export { default as DXInputAddon } from './DXInputAddon';
-export { default as DXLoader } from './DXLoader';
+export { default as DXLabel } from './DXLabel';
 export { default as DXLink } from './DXLink';
+export { default as DXList } from './DXList';
+export { default as DXLoader } from './DXLoader';
 export { default as DXProgress } from './DXProgress';
 export { default as DXRadio } from './DXRadio';
 export { default as DXSkeleton } from './DXSkeleton';
 export { default as DXSlider } from './DXSlider';
+export { default as DXSpacer } from './DXSpacer';
+export { default as DXStack } from './DXStack';
 export { default as DXTags } from './DXTags';
+export { default as DXText } from './DXText';
 export { default as DXToast } from './DXToast';
 export { default as DXToggle } from './DXToggle';
 export { default as DXToggleButton } from './DXToggleButton';

package/src/components/index.js

@@ -1,20 +1,14 @@
 // Main components index - re-export all components from all categories
 
-// Atoms - basic building blocks
+// Atoms - basic building blocks (includes typography and layout components)
 export * from './atoms';
 
-// Layout - layout components
-export * from './layout';
-
 // Molecules - composed from atoms
 export * from './molecules';
 
 // Organisms - complex UI structures
 export * from './organisms';
 
-// Typography - text components
-export * from './typography';
-
 // Utilities - utility components
 export * from './utilities';
 

package/src/components/molecules/DXDataFilter/DXDataFilter.vue

@@ -126,8 +126,8 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXInput from "../DXInput/DXInput.vue";
 import DXSelect from "../DXSelect/DXSelect.vue";
 import DXDatePicker from "../DXDatePicker/DXDatePicker.vue";

package/src/components/molecules/DXInput/DXInput.vue

@@ -42,8 +42,8 @@
 
 <script setup>
 import { computed, useSlots, inject, onMounted, onUnmounted } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXFormLabel from "../../atoms/DXFormLabel/DXFormLabel.vue";
 import DXIconWrapper from "../../atoms/DXIconWrapper/DXIconWrapper.vue";
 

package/src/components/molecules/DXMenu/DXMenu.vue

@@ -147,7 +147,7 @@ import {
   ChevronRightIcon,
   MagnifyingGlassIcon
 } from '@heroicons/vue/24/outline';
-import { useMenu } from '@/composables/useMenu';
+import { useMenu } from '../../../composables/useMenu';
 import DXCard from '../../atoms/DXCard/DXCard.vue';
 import DXSidebarMenuItem from '../../organisms/DXSidebarMenu/DXSidebarMenuItem.vue';
 import DXInput from '../DXInput/DXInput.vue';

package/src/components/molecules/DXPasswordInput/DXPasswordInput.vue

@@ -33,7 +33,7 @@
 <script setup>
 import { ref, computed } from "vue";
 import { EyeIcon, EyeSlashIcon } from "@heroicons/vue/24/outline";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXFormLabel from "../../atoms/DXFormLabel/DXFormLabel.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 

package/src/components/molecules/DXRating/DXRating.vue

@@ -51,8 +51,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import {
   StarIcon,
   HeartIcon,

package/src/components/molecules/DXSearchBar/DXSearchBar.vue

@@ -123,8 +123,8 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXInput from "../DXInput/DXInput.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 import DXLoader from "../../atoms/DXLoader/DXLoader.vue";

package/src/components/molecules/DXSelect/DXSelect.vue

@@ -39,8 +39,8 @@
 
 <script setup>
 import { computed, inject, onMounted, onUnmounted } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import { ChevronDownIcon } from "@heroicons/vue/24/outline";
 import DXFormLabel from "../../atoms/DXFormLabel/DXFormLabel.vue";
 import DXIconWrapper from "../../atoms/DXIconWrapper/DXIconWrapper.vue";

package/src/components/molecules/DXStatCard/DXStatCard.vue

@@ -56,10 +56,10 @@
 
 <script setup>
 import { computed } from "vue";
-import { useSize } from "@/composables/useSize";
-import { useSpacing } from "@/composables/useSpacing";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useVariantButton } from "@/composables/useVariant";
+import { useSize } from "../../../composables/useSize";
+import { useSpacing } from "../../../composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useVariantButton } from "../../../composables/useVariant";
 import DXCard from "../../atoms/DXCard/DXCard.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 import { ArrowUpIcon, ArrowDownIcon } from "@heroicons/vue/24/outline";

package/src/components/molecules/DXTextarea/DXTextarea.vue

@@ -43,7 +43,7 @@
 
 <script setup>
 import { computed, ref, watch, inject, onMounted, onUnmounted } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXFormLabel from "../../atoms/DXFormLabel/DXFormLabel.vue";
 import DXIconWrapper from "../../atoms/DXIconWrapper/DXIconWrapper.vue";
 

package/src/components/organisms/DXAccordion/DXAccordion.vue

@@ -48,8 +48,8 @@
 <script setup>
 import { ref, computed } from "vue";
 import { ChevronDownIcon } from "@heroicons/vue/24/outline";
-import { useTransition } from "@/composables/useAnimation";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useTransition } from "../../../composables/useAnimation";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 
 const collapseTransition = useTransition('collapse');

package/src/components/organisms/DXAppLayout/DXAppLayout.stories.js

@@ -2,7 +2,7 @@ import { ref } from 'vue';
 import DXAppLayout from './DXAppLayout.vue';
 import DXHeaderBar from '../DXHeaderBar/DXHeaderBar.vue';
 import DXSidebarMenu from '../DXSidebarMenu/DXSidebarMenu.vue';
-import DXContainer from '../../layout/DXContainer/DXContainer.vue';
+import DXContainer from '../../atoms/DXContainer/DXContainer.vue';
 import DXLink from '../../atoms/DXLink/DXLink.vue';
 import DXButton from '../../atoms/DXButton/DXButton.vue';
 import DXAvatar from '../../atoms/DXAvatar/DXAvatar.vue';

package/src/components/organisms/DXAppLayout/DXAppLayout.vue

@@ -67,9 +67,9 @@
 
 <script setup>
 import { computed, watch, ref, onMounted } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
-import { useCustomDataAttributes } from "@/composables/useDataAttributes";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
+import { useCustomDataAttributes } from "../../../composables/useDataAttributes";
 import DXBackdrop from "../../atoms/DXBackdrop/DXBackdrop.vue";
 
 const props = defineProps({

package/src/components/organisms/DXAuthenticationForm/DXAuthenticationForm.vue

@@ -214,8 +214,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXInput from "../../molecules/DXInput/DXInput.vue";
 import DXPasswordInput from "../../molecules/DXPasswordInput/DXPasswordInput.vue";
 import DXFormControl from "../../molecules/DXFormControl/DXFormControl.vue";

package/src/components/organisms/DXChartContainer/DXChartContainer.vue

@@ -73,8 +73,8 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXCard from "../../atoms/DXCard/DXCard.vue";
 import DXSelect from "../../molecules/DXSelect/DXSelect.vue";
 

package/src/components/organisms/DXChatInterface/DXChatInterface.vue

@@ -155,8 +155,8 @@
 
 <script setup>
 import { ref, computed, watch, nextTick, onMounted } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXAvatar from "../../atoms/DXAvatar/DXAvatar.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";

package/src/components/organisms/DXCommentSection/DXCommentSection.vue

@@ -123,8 +123,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXTextarea from "../../molecules/DXTextarea/DXTextarea.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXAvatar from "../../atoms/DXAvatar/DXAvatar.vue";

package/src/components/organisms/DXDashboardGrid/DXDashboardGrid.vue

@@ -43,8 +43,8 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import { VueDraggableNext as vuedraggable } from "vue-draggable-next";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 import { Bars3Icon } from "@heroicons/vue/24/outline";

package/src/components/organisms/DXDashboardWidget/DXDashboardWidget.vue

@@ -107,8 +107,8 @@
 
 <script setup>
 import { computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSize } from "@/composables/useSize";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSize } from "../../../composables/useSize";
 import DXCard from "../../atoms/DXCard/DXCard.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";

package/src/components/organisms/DXDataTable/DXDataTable.vue

@@ -99,7 +99,7 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXTable from "../DXTable/DXTable.vue";
 import DXInput from "../../molecules/DXInput/DXInput.vue";
 import DXSelect from "../../molecules/DXSelect/DXSelect.vue";

package/src/components/organisms/DXFormWizard/DXFormWizard.vue

@@ -143,7 +143,7 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import DXProgress from "../../atoms/DXProgress/DXProgress.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";

package/src/components/organisms/DXHeaderBar/DXHeaderBar.vue

@@ -92,8 +92,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import DXContainer from "../../layout/DXContainer/DXContainer.vue";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import DXContainer from "../../atoms/DXContainer/DXContainer.vue";
 import DXLink from "../../atoms/DXLink/DXLink.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";

package/src/components/organisms/DXMediaGallery/DXMediaGallery.vue

@@ -168,9 +168,9 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
-import DXGrid from "../../layout/DXGrid/DXGrid.vue";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
+import DXGrid from "../../atoms/DXGrid/DXGrid.vue";
 import DXModal from "../DXModal/DXModal.vue";
 import DXObserver from "../../utilities/DXObserver/DXObserver.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";

package/src/components/organisms/DXNotificationCenter/DXNotificationCenter.vue

@@ -139,8 +139,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXIcon from "../../atoms/DXIcon/DXIcon.vue";
 import DXBadge from "../../atoms/DXBadge/DXBadge.vue";

package/src/components/organisms/DXReportGenerator/DXReportGenerator.vue

@@ -87,8 +87,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
-import { useSpacing } from "@/composables/useSpacing";
+import { useClassComposition } from "../../../composables/useClassComposition";
+import { useSpacing } from "../../../composables/useSpacing";
 import DXCard from "../../atoms/DXCard/DXCard.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";
 import DXTable from "../DXTable/DXTable.vue";