dxd-style-code 0.1.9 → 0.1.11

package/src/components/organisms/DXSettingsPanel/DXSettingsPanel.vue

@@ -145,8 +145,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 "../../molecules/DXInput/DXInput.vue";
 import DXSelect from "../../molecules/DXSelect/DXSelect.vue";
 import DXToggle from "../../atoms/DXToggle/DXToggle.vue";

package/src/components/organisms/DXSidebar/DXSidebar.vue

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

package/src/components/organisms/DXSidebarMenu/DXSidebarMenu.vue

@@ -86,7 +86,7 @@ import {
   ChevronRightIcon,
   MagnifyingGlassIcon
 } from '@heroicons/vue/24/outline';
-import { useMenu } from '@/composables/useMenu';
+import { useMenu } from '../../../composables/useMenu';
 import DXSidebarMenuItem from './DXSidebarMenuItem.vue';
 import DXInput from '../../molecules/DXInput/DXInput.vue';
 import DXIcon from '../../atoms/DXIcon/DXIcon.vue';

package/src/components/organisms/DXSidebarMenu/DXSidebarMenuItem.vue

@@ -137,7 +137,7 @@
 <script setup>
 import { ref, computed, inject } from 'vue';
 import { ChevronDownIcon } from '@heroicons/vue/24/outline';
-import { useTransition } from "@/composables/useAnimation";
+import { useTransition } from "../../../composables/useAnimation";
 import DXBadge from '../../atoms/DXBadge/DXBadge.vue';
 import DXIcon from '../../atoms/DXIcon/DXIcon.vue';
 import DXDropdown from '../../organisms/DXDropdown/DXDropdown.vue';

package/src/components/organisms/DXTable/DXTable.vue

@@ -86,12 +86,12 @@ import DXTablePagination from '../../molecules/DXTablePagination/DXTablePaginati
 import DXTableFiltersPanel from '../../molecules/DXTableFiltersPanel/DXTableFiltersPanel.vue';
 
 // Composables
-import { useTableData } from '@/composables/useTableData';
-import { useTableSort } from '@/composables/useTableSort';
-import { useTableFilter } from '@/composables/useTableFilter';
-import { useTablePagination } from '@/composables/useTablePagination';
-import { useTableSelection } from '@/composables/useTableSelection';
-import { useTableColumns } from '@/composables/useTableColumns';
+import { useTableData } from '../../../composables/useTableData';
+import { useTableSort } from '../../../composables/useTableSort';
+import { useTableFilter } from '../../../composables/useTableFilter';
+import { useTablePagination } from '../../../composables/useTablePagination';
+import { useTableSelection } from '../../../composables/useTableSelection';
+import { useTableColumns } from '../../../composables/useTableColumns';
 
 const props = defineProps({
   // Data

package/src/components/organisms/DXUserProfileCard/DXUserProfileCard.vue

@@ -92,8 +92,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 DXAvatar from "../../atoms/DXAvatar/DXAvatar.vue";
 import DXButton from "../../atoms/DXButton/DXButton.vue";

package/src/components/organisms/DXWizard/DXWizard.vue

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

package/src/components/utilities/DXAnimatePresence/DXAnimatePresence.vue

@@ -14,7 +14,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import {
   FADE_TRANSITION,
   FADE_SCALE_TRANSITION,
@@ -23,7 +23,7 @@ import {
   SLIDE_UP_TRANSITION,
   SLIDE_DOWN_TRANSITION,
   useAnimationTransition,
-} from "@/composables/useAnimation";
+} from "../../../composables/useAnimation";
 
 const props = defineProps({
   /**

package/src/components/utilities/DXBreakpointProvider/DXBreakpointProvider.stories.js

@@ -2,7 +2,7 @@ import { ref, inject, computed } from 'vue';
 import DXBreakpointProvider from './DXBreakpointProvider.vue';
 import DXCard from '../../atoms/DXCard/DXCard.vue';
 import DXButton from '../../atoms/DXButton/DXButton.vue';
-import DXGrid from '../../layout/DXGrid/DXGrid.vue';
+import DXGrid from '../../atoms/DXGrid/DXGrid.vue';
 
 export default {
   title: 'Utilities/DXBreakpointProvider',

package/src/components/utilities/DXBreakpointProvider/DXBreakpointProvider.vue

@@ -10,7 +10,7 @@
 
 <script setup>
 import { ref, computed, provide, onMounted, onBeforeUnmount, watch } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 
 const props = defineProps({
   /**

package/src/components/utilities/DXObserver/DXObserver.vue

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

package/src/components/utilities/DXStaggeredAnimation/DXStaggeredAnimation.vue

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

package/src/components/utilities/DXThemeProvider/DXThemeProvider.vue

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

package/src/components/utilities/DXTransitionGroup/DXTransitionGroup.vue

@@ -14,7 +14,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useClassComposition } from "@/composables/useClassComposition";
+import { useClassComposition } from "../../../composables/useClassComposition";
 import {
   FADE_TRANSITION,
   FADE_SCALE_TRANSITION,
@@ -22,7 +22,7 @@ import {
   SLIDE_LEFT_TRANSITION,
   SLIDE_UP_TRANSITION,
   SLIDE_DOWN_TRANSITION,
-} from "@/composables/useAnimation";
+} from "../../../composables/useAnimation";
 
 const props = defineProps({
   /**

package/src/index.js

@@ -1,13 +1,7 @@
 // DX Components - Vue 3 UI Component Library
 // Export all components
 
-// Typography
-export * from './components/typography';
-
-// Layout
-export * from './components/layout';
-
-// Atoms
+// Atoms - basic building blocks (includes typography and layout components)
 export * from './components/atoms';
 
 // Molecules

package/src/components/layout/index.js

@@ -1,8 +0,0 @@
-// Layout components
-export { default as DXContainer } from './DXContainer';
-export { default as DXGrid } from './DXGrid';
-export { default as DXFlex } from './DXFlex';
-export { default as DXStack } from './DXStack';
-export { default as DXSpacer } from './DXSpacer';
-export { default as DXBox } from './DXBox';
-

package/src/components/typography/index.js

@@ -1,8 +0,0 @@
-// Typography components
-export { default as DXHeading } from './DXHeading';
-export { default as DXText } from './DXText';
-export { default as DXLabel } from './DXLabel';
-export { default as DXCode } from './DXCode';
-export { default as DXBlockquote } from './DXBlockquote';
-export { default as DXList } from './DXList';
-