@vc-shell/framework 1.2.4-beta.2 → 1.2.4-beta.3

package/ui/components/organisms/vc-table/components/DataTableRow.vue

@@ -133,14 +133,14 @@
  * - Inline editing support
  * - Group header/footer rendering (when grouping is enabled)
  */
-import type { ColumnInstance } from "../utils/ColumnCollector";
-import type { VcColumnProps } from "../types";
-import TableRow from "./TableRow.vue";
-import TableCell from "./TableCell.vue";
-import TableCheckbox from "./TableCheckbox.vue";
-import TableGroupRow from "./TableGroupRow.vue";
-import DataTableCellRenderer from "./DataTableCellRenderer.vue";
-import { VcRadioButton } from "../../../molecules/vc-radio-button";
+import type { ColumnInstance } from "@ui/components/organisms/vc-table/utils/ColumnCollector";
+import type { VcColumnProps } from "@ui/components/organisms/vc-table/types";
+import TableRow from "@ui/components/organisms/vc-table/components/TableRow.vue";
+import TableCell from "@ui/components/organisms/vc-table/components/TableCell.vue";
+import TableCheckbox from "@ui/components/organisms/vc-table/components/TableCheckbox.vue";
+import TableGroupRow from "@ui/components/organisms/vc-table/components/TableGroupRow.vue";
+import DataTableCellRenderer from "@ui/components/organisms/vc-table/components/DataTableCellRenderer.vue";
+import { VcRadioButton } from "@ui/components/molecules/vc-radio-button";
 
 // Props interface
 const props = defineProps<{

package/ui/components/organisms/vc-table/components/GlobalFiltersButton.vue

@@ -21,7 +21,7 @@
  * Shows a filter icon with optional badge indicating active filter count.
  * Uses VcButton with secondary variant; `selected` prop activates highlight.
  */
-import { VcButton } from "../../../atoms";
+import { VcButton } from "@ui/components/atoms";
 
 withDefaults(
   defineProps<{
@@ -51,7 +51,7 @@ defineEmits<{
   &__badge {
     @apply tw-inline-flex tw-items-center tw-justify-center tw-ml-1;
     @apply tw-min-w-5 tw-h-5 tw-px-1.5 tw-rounded-full;
-    @apply tw-text-xs tw-font-semibold tw-text-[color:var(--additional-50)];
+    @apply tw-text-xs tw-font-semibold tw-text-additional-50;
     background-color: var(--primary-500, #3b82f6);
   }
 }

package/ui/components/organisms/vc-table/components/GlobalFiltersPanel.vue

@@ -109,11 +109,11 @@
  * Uses VcDropdownPanel for positioning and backdrop.
  */
 import { ref, computed, watch } from "vue";
-import { VcDropdownPanel } from "../../../molecules";
-import { VcInput, VcSelect } from "../../../molecules";
-import { VcButton } from "../../../atoms";
-import type { GlobalFilterConfig } from "../types";
-import { useColumnFilter } from "../composables/useColumnFilter";
+import { VcDropdownPanel } from "@ui/components/molecules";
+import { VcInput, VcSelect } from "@ui/components/molecules";
+import { VcButton } from "@ui/components/atoms";
+import type { GlobalFilterConfig } from "@ui/components/organisms/vc-table/types";
+import { useColumnFilter } from "@ui/components/organisms/vc-table/composables/useColumnFilter";
 
 interface Props {
   /** List of filter configurations (id, label, type, options) */
@@ -309,7 +309,7 @@ const clearAll = () => {
   }
 
   &__label {
-    @apply tw-block tw-text-sm tw-font-medium tw-text-[color:var(--neutrals-700)];
+    @apply tw-block tw-text-sm tw-font-medium tw-text-neutrals-700;
   }
 
   &__range {
@@ -321,7 +321,7 @@ const clearAll = () => {
   }
 
   &__range-label {
-    @apply tw-block tw-text-xs tw-text-[color:var(--neutrals-500)];
+    @apply tw-block tw-text-xs tw-text-neutrals-500;
   }
 
 }

package/ui/components/organisms/vc-table/components/Table.vue

@@ -6,6 +6,7 @@
 
 <script setup lang="ts" generic="T extends Record<string, any> = Record<string, any>">
 import { provide, reactive, toRefs, computed, type ComputedRef } from "vue";
+import { TableContextKey } from "@ui/components/organisms/vc-table/keys";
 
 interface TableContext<T> {
   selectedRowIndex: ComputedRef<number | undefined>;
@@ -43,7 +44,7 @@ const context: TableContext<T> = {
   variant: computed(() => props.variant),
 };
 
-provide("tableContext", context);
+provide(TableContextKey, context);
 </script>
 
 <style lang="scss">
@@ -76,7 +77,7 @@ provide("tableContext", context);
   --table-actions-color-danger: var(--danger-500);
   --table-actions-color-success: var(--success-500);
 
-  --table-header-text-color: var(--secondary-950);
+  --table-header-text-color: var(--neutrals-600);
   --table-text-color: var(--neutrals-950);
   --table-sort-icon-color: var(--neutrals-400);
 

package/ui/components/organisms/vc-table/components/TableActions.vue

@@ -5,8 +5,7 @@
     @click.stop
   >
     <div v-for="(action, idx) in visibleActions" :key="idx" class="vc-table-composition__action">
-      <VcTooltip placement="top" :width="200">
-        <template #trigger>
+      <VcTooltip placement="top" :max-width="200" variant="dark">
           <div
             class="vc-table-composition__action-icon"
             :class="{
@@ -17,8 +16,7 @@
           >
             <VcIcon :icon="action.icon" size="s" />
           </div>
-        </template>
-        <template #content>
+        <template #tooltip>
           {{ action.title || action.name }}
         </template>
       </VcTooltip>
@@ -28,8 +26,9 @@
 
 <script setup lang="ts">
 import { computed, inject, watch, ref } from "vue";
-import { VcIcon, VcTooltip } from "../../../atoms";
-import type { TableAction } from "../types";
+import { VcIcon, VcTooltip } from "@ui/components/atoms";
+import { TableContextKey } from "@ui/components/organisms/vc-table/keys";
+import type { TableAction } from "@ui/components/organisms/vc-table/types";
 
 const props = defineProps<{
   /**
@@ -50,7 +49,7 @@ const emit = defineEmits<{
   action: [action: TableAction];
 }>();
 
-const tableContext = inject<any>("tableContext", null);
+const tableContext = inject(TableContextKey, null);
 
 const visibleActions = computed(() => {
   return props.actions?.filter((action) => !action.hidden) || [];

package/ui/components/organisms/vc-table/components/TableAddRowButton.vue

@@ -20,7 +20,7 @@
  */
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { VcButton } from "../../../atoms";
+import { VcButton } from "@ui/components/atoms";
 
 const { t } = useI18n({ useScope: "global" });
 

package/ui/components/organisms/vc-table/components/TableBody.vue

@@ -59,7 +59,7 @@ const hasContent = computed(() => {
 
 .vc-table-composition__empty,
 .vc-table-composition__loading {
-  @apply tw-flex tw-items-center tw-justify-center tw-py-8 tw-text-[color:var(--neutrals-400)];
+  @apply tw-flex tw-items-center tw-justify-center tw-py-8 tw-text-neutrals-400;
 }
 
 .vc-table-composition__loading-spinner {

package/ui/components/organisms/vc-table/components/TableCheckbox.vue

@@ -64,14 +64,14 @@ const handleChange = (event: Event) => {
 
   &-input {
     @apply tw-w-4 tw-h-4 tw-cursor-pointer;
-    @apply tw-rounded tw-border-2 tw-border-[color:var(--neutrals-300)];
-    @apply tw-text-[color:var(--primary-500)];
-    @apply focus:tw-ring-2 focus:tw-ring-[color:var(--primary-500)] focus:tw-ring-offset-1;
-    @apply checked:tw-bg-[color:var(--primary-500)] checked:tw-border-[color:var(--primary-500)];
+    @apply tw-rounded tw-border-2 tw-border-neutrals-300;
+    @apply tw-text-primary-500;
+    @apply focus:tw-ring-2 focus:tw-ring-primary-500 focus:tw-ring-offset-1;
+    @apply checked:tw-bg-primary-500 checked:tw-border-primary-500;
     @apply disabled:tw-cursor-not-allowed;
 
     &:indeterminate {
-      @apply tw-bg-[color:var(--primary-500)] tw-border-[color:var(--primary-500)];
+      @apply tw-bg-primary-500 tw-border-primary-500;
     }
   }
 }

package/ui/components/organisms/vc-table/components/TableColumnSwitcher.vue

@@ -53,8 +53,8 @@
  * Displays a list of columns with checkboxes to show/hide them.
  * Uses VcDropdownPanel for positioning and backdrop.
  */
-import { VcDropdownPanel } from "../../../molecules";
-import { VcButton } from "../../../atoms";
+import { VcDropdownPanel } from "@ui/components/molecules";
+import { VcButton } from "@ui/components/atoms";
 
 interface Column {
   id: string;
@@ -133,7 +133,7 @@ const handleReset = () => {
     @apply tw-transition-colors tw-duration-150;
 
     &:hover {
-      @apply tw-bg-[color:var(--neutrals-50)];
+      @apply tw-bg-neutrals-50;
     }
   }
 
@@ -143,7 +143,7 @@ const handleReset = () => {
   }
 
   &__label {
-    @apply tw-flex-1 tw-text-sm tw-text-[color:var(--neutrals-900)];
+    @apply tw-flex-1 tw-text-sm tw-text-neutrals-900;
   }
 
 }

package/ui/components/organisms/vc-table/components/TableEmpty.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { VcIcon } from "../../../atoms";
+import { VcIcon } from "@ui/components/atoms";
 
 defineProps<{
   /**
@@ -42,7 +42,7 @@ defineProps<{
 }
 
 .vc-table-composition__empty-icon {
-  @apply tw-text-[color:var(--neutrals-300)];
+  @apply tw-text-neutrals-300;
 }
 
 .vc-table-composition__empty-content {
@@ -50,11 +50,11 @@ defineProps<{
 }
 
 .vc-table-composition__empty-title {
-  @apply tw-text-base tw-font-medium tw-text-[color:var(--neutrals-700)];
+  @apply tw-text-base tw-font-medium tw-text-neutrals-700;
 }
 
 .vc-table-composition__empty-description {
-  @apply tw-text-sm tw-text-[color:var(--neutrals-500)] tw-max-w-md;
+  @apply tw-text-sm tw-text-neutrals-500 tw-max-w-md;
 }
 
 .vc-table-composition__empty-action {

package/ui/components/organisms/vc-table/components/TableHead.vue

@@ -51,7 +51,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { VcIcon } from "../../../atoms";
+import { VcIcon } from "@ui/components/atoms";
 
 const props = defineProps<{
   /**

package/ui/components/organisms/vc-table/components/TableRow.vue

@@ -40,6 +40,7 @@
 
 <script setup lang="ts">
 import { computed, inject, ref, TransitionGroup, type Ref } from "vue";
+import { TableContextKey, HasFlexColumnsKey } from "@ui/components/organisms/vc-table/keys";
 
 const props = withDefaults(
   defineProps<{
@@ -95,11 +96,8 @@ const emit = defineEmits<{
   drop: [event: DragEvent];
 }>();
 
-const tableContext = inject<{
-  selectedRowIndex: { value: number | undefined };
-  setSelectedRowIndex: (index: number | undefined) => void;
-} | null>("tableContext", null);
-const hasFlexColumns = inject<Ref<boolean>>("hasFlexColumns", ref(false));
+const tableContext = inject(TableContextKey, null);
+const hasFlexColumns = inject(HasFlexColumnsKey, ref(false));
 const isDragging = ref(false);
 
 const isClickable = computed(() => {

package/ui/components/organisms/vc-table/components/TableRowActions.vue

@@ -107,9 +107,9 @@
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, onBeforeUnmount, inject, nextTick } from "vue";
 import { offset, flip, shift } from "@floating-ui/vue";
-import { VcIcon, VcButton } from "../../../atoms";
-import type { TableAction } from "../types";
-import { useFloatingPosition, useTeleportTarget } from "../../../../composables";
+import { VcIcon, VcButton } from "@ui/components/atoms";
+import type { TableAction } from "@ui/components/organisms/vc-table/types";
+import { useFloatingPosition, useTeleportTarget } from "@ui/composables";
 
 const props = withDefaults(
   defineProps<{
@@ -137,7 +137,7 @@ const props = withDefaults(
     /**
      * Display mode for actions:
      * - 'inline': Quick action buttons shown on hover, overflow in dropdown (Google Drive style)
-     * - 'dropdown': All actions in dropdown menu triggered by three dots (shadcn style)
+     * - 'dropdown': All actions in dropdown menu triggered by three dots
      * @default 'inline'
      */
     mode?: "inline" | "dropdown";
@@ -360,7 +360,7 @@ onBeforeUnmount(() => {
     }
 
     &:focus-visible {
-      @apply tw-outline-none tw-ring-2 tw-ring-[var(--primary-500)] tw-ring-offset-1;
+      @apply tw-outline-none tw-ring-2 tw-ring-primary-500 tw-ring-offset-1;
     }
 
     &--disabled {
@@ -391,7 +391,7 @@ onBeforeUnmount(() => {
   }
 
   &__dropdown {
-    @apply tw-bg-[color:var(--additional-50)] tw-rounded-lg tw-shadow-lg tw-border tw-border-[var(--neutrals-200)];
+    @apply tw-bg-additional-50 tw-rounded-lg tw-shadow-lg tw-border tw-border-neutrals-200;
     @apply tw-py-1 tw-min-w-[160px];
     z-index: 1000;
     max-height: 300px;

package/ui/components/organisms/vc-table/components/TableSearchHeader.vue

@@ -71,9 +71,9 @@
 
 <script setup lang="ts">
 import { ref, useSlots } from "vue";
-import { VcIcon } from "../../../atoms";
-import { VcButton } from "../../../atoms";
-import { VcInput } from "../../../molecules";
+import { VcIcon } from "@ui/components/atoms";
+import { VcButton } from "@ui/components/atoms";
+import { VcInput } from "@ui/components/molecules";
 
 const props = withDefaults(
   defineProps<{
@@ -179,7 +179,7 @@ defineExpose({
   }
 
   &__actions {
-    @apply tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0;
+    @apply tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0 tw-flex-grow tw-min-w-0;
   }
 
   &__filters {

package/ui/components/organisms/vc-table/components/TableSelectAllBar.vue

@@ -40,7 +40,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { VcButton } from "../../../atoms";
+import { VcButton } from "@ui/components/atoms";
 
 const props = withDefaults(
   defineProps<{

package/ui/components/organisms/vc-table/components/VcColumn.vue

@@ -19,8 +19,8 @@
  */
 import { defineComponent, inject, onMounted, onUnmounted, getCurrentInstance } from "vue";
 import type { PropType } from "vue";
-import type { ColumnCollector } from "../utils/ColumnCollector";
-import type { VcColumnProps, ColumnFilterConfig } from "../types";
+import { ColumnCollectorKey } from "@ui/components/organisms/vc-table/keys";
+import type { VcColumnProps, ColumnFilterConfig } from "@ui/components/organisms/vc-table/types";
 
 // Cell type options matching existing cell formatters
 export type CellType =
@@ -228,7 +228,7 @@ export default defineComponent({
 
   setup(props, { slots }) {
     // Inject the column collector from parent VcDataTable
-    const $columns = inject<ColumnCollector | null>("$columns", null);
+    const $columns = inject(ColumnCollectorKey, null);
     const instance = getCurrentInstance();
 
     onMounted(() => {

package/ui/components/organisms/vc-table/components/cells/CellDefault.vue

@@ -35,9 +35,10 @@
 
 <script setup lang="ts">
 import { computed, inject, Ref, ref } from "vue";
-import VcInput from "../../../../molecules/vc-input/vc-input.vue";
-import { VcIcon } from "../../../../atoms";
-import CellEditableWrapper from "./CellEditableWrapper.vue";
+import VcInput from "@ui/components/molecules/vc-input/vc-input.vue";
+import { VcIcon } from "@ui/components/atoms";
+import { IsMobileKey, IsDesktopKey } from "@framework/injection-keys";
+import CellEditableWrapper from "@ui/components/organisms/vc-table/components/cells/CellEditableWrapper.vue";
 
 const props = defineProps<{
   /** The cell value to display or edit */
@@ -63,8 +64,8 @@ const emit = defineEmits<{
   (e: "blur", payload: { row: number | undefined; field: string }): void;
 }>();
 
-const isMobileRef = inject<Ref<boolean>>("isMobile", ref(false));
-const isDesktopRef = inject<Ref<boolean>>("isDesktop", ref(true));
+const isMobileRef = inject(IsMobileKey, ref(false));
+const isDesktopRef = inject(IsDesktopKey, ref(true));
 const isMobile = computed(() => isMobileRef.value);
 const isDesktop = computed(() => isDesktopRef.value);
 
@@ -83,7 +84,7 @@ const onBlur = (errors: string[]) => {
   }
 
   &__error-icon {
-    @apply tw-text-[color:var(--danger-500)];
+    @apply tw-text-danger-500;
   }
 }
 </style>

package/ui/components/organisms/vc-table/components/cells/CellEditableWrapper.vue

@@ -24,7 +24,7 @@
 
 <script setup lang="ts">
 import { Field } from "vee-validate";
-import VcTooltip from "../../../../atoms/vc-tooltip/vc-tooltip.vue";
+import VcTooltip from "@ui/components/atoms/vc-tooltip/vc-tooltip.vue";
 
 defineProps<{
   /** Label for the editable field (used for validation) */
@@ -41,7 +41,7 @@ defineProps<{
 <style lang="scss">
 .vc-table-cell-editable {
   &__error-tooltip {
-    @apply tw-text-[color:var(--danger-500)];
+    @apply tw-text-danger-500;
   }
 }
 </style>

package/ui/components/organisms/vc-table/components/cells/CellImage.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { VcImage } from "../../../../atoms";
+import { VcImage } from "@ui/components/atoms";
 
 defineProps<{
   /** The image URL to display */

package/ui/components/organisms/vc-table/components/cells/CellLink.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { VcLink } from "../../../../atoms";
+import { VcLink } from "@ui/components/atoms";
 
 defineProps<{
   /** The link text to display */

package/ui/components/organisms/vc-table/components/cells/CellMoney.vue

@@ -42,9 +42,10 @@
 <script setup lang="ts">
 import { computed, inject, Ref, ref } from "vue";
 import { useI18n } from "vue-i18n";
-import VcInputCurrency from "../../../../molecules/vc-input-currency/vc-input-currency.vue";
-import { VcIcon } from "../../../../atoms";
-import CellEditableWrapper from "./CellEditableWrapper.vue";
+import VcInputCurrency from "@ui/components/molecules/vc-input-currency/vc-input-currency.vue";
+import { VcIcon } from "@ui/components/atoms";
+import { IsMobileKey, IsDesktopKey } from "@framework/injection-keys";
+import CellEditableWrapper from "@ui/components/organisms/vc-table/components/cells/CellEditableWrapper.vue";
 
 const props = defineProps<{
   /** The monetary value to display or edit */
@@ -75,8 +76,8 @@ const emit = defineEmits<{
 const { t } = useI18n({ useScope: "global" });
 const locale = window.navigator.language;
 
-const isMobileRef = inject<Ref<boolean>>("isMobile", ref(false));
-const isDesktopRef = inject<Ref<boolean>>("isDesktop", ref(true));
+const isMobileRef = inject(IsMobileKey, ref(false));
+const isDesktopRef = inject(IsDesktopKey, ref(true));
 const isMobile = computed(() => isMobileRef.value);
 const isDesktop = computed(() => isDesktopRef.value);
 
@@ -113,7 +114,7 @@ const onBlur = (errors: string[]) => {
   }
 
   &__error-icon {
-    @apply tw-text-[color:var(--danger-500)];
+    @apply tw-text-danger-500;
   }
 }
 </style>

package/ui/components/organisms/vc-table/components/cells/CellNumber.vue

@@ -40,9 +40,10 @@
 <script setup lang="ts">
 import { computed, inject, Ref, ref } from "vue";
 import { useI18n } from "vue-i18n";
-import VcInput from "../../../../molecules/vc-input/vc-input.vue";
-import { VcIcon } from "../../../../atoms";
-import CellEditableWrapper from "./CellEditableWrapper.vue";
+import VcInput from "@ui/components/molecules/vc-input/vc-input.vue";
+import { VcIcon } from "@ui/components/atoms";
+import { IsMobileKey, IsDesktopKey } from "@framework/injection-keys";
+import CellEditableWrapper from "@ui/components/organisms/vc-table/components/cells/CellEditableWrapper.vue";
 
 const props = defineProps<{
   /** The numeric value to display or edit */
@@ -70,8 +71,8 @@ const emit = defineEmits<{
 
 const { t } = useI18n({ useScope: "global" });
 
-const isMobileRef = inject<Ref<boolean>>("isMobile", ref(false));
-const isDesktopRef = inject<Ref<boolean>>("isDesktop", ref(true));
+const isMobileRef = inject(IsMobileKey, ref(false));
+const isDesktopRef = inject(IsDesktopKey, ref(true));
 const isMobile = computed(() => isMobileRef.value);
 const isDesktop = computed(() => isDesktopRef.value);
 
@@ -106,7 +107,7 @@ const onBlur = (errors: string[]) => {
   }
 
   &__error-icon {
-    @apply tw-text-[color:var(--danger-500)];
+    @apply tw-text-danger-500;
   }
 }
 </style>

package/ui/components/organisms/vc-table/components/cells/CellStatus.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { VcStatus } from "../../../../atoms";
+import { VcStatus } from "@ui/components/atoms";
 
 defineProps<{
   /** The status text to display in a status badge */

package/ui/components/organisms/vc-table/components/cells/CellStatusIcon.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { VcStatusIcon } from "../../../../atoms";
+import { VcStatusIcon } from "@ui/components/atoms";
 
 defineProps<{
   /** Boolean value indicating status (true = success, false = error) */

package/ui/components/organisms/vc-table/components/cells/DynamicCellRenderer.vue

@@ -27,19 +27,19 @@
  * ```
  */
 import { computed, type Component } from "vue";
-import { useCellRegistry } from "../../composables/useCellRegistry";
+import { useCellRegistry } from "@ui/components/organisms/vc-table/composables/useCellRegistry";
 
 // Import cell components for fallback and default registration
-import CellDefault from "./CellDefault.vue";
-import CellMoney from "./CellMoney.vue";
-import CellNumber from "./CellNumber.vue";
-import CellDate from "./CellDate.vue";
-import CellDateAgo from "./CellDateAgo.vue";
-import CellImage from "./CellImage.vue";
-import CellStatus from "./CellStatus.vue";
-import CellStatusIcon from "./CellStatusIcon.vue";
-import CellLink from "./CellLink.vue";
-import CellHtml from "./CellHtml.vue";
+import CellDefault from "@ui/components/organisms/vc-table/components/cells/CellDefault.vue";
+import CellMoney from "@ui/components/organisms/vc-table/components/cells/CellMoney.vue";
+import CellNumber from "@ui/components/organisms/vc-table/components/cells/CellNumber.vue";
+import CellDate from "@ui/components/organisms/vc-table/components/cells/CellDate.vue";
+import CellDateAgo from "@ui/components/organisms/vc-table/components/cells/CellDateAgo.vue";
+import CellImage from "@ui/components/organisms/vc-table/components/cells/CellImage.vue";
+import CellStatus from "@ui/components/organisms/vc-table/components/cells/CellStatus.vue";
+import CellStatusIcon from "@ui/components/organisms/vc-table/components/cells/CellStatusIcon.vue";
+import CellLink from "@ui/components/organisms/vc-table/components/cells/CellLink.vue";
+import CellHtml from "@ui/components/organisms/vc-table/components/cells/CellHtml.vue";
 
 // Get composable methods
 const { register, has, get } = useCellRegistry();

package/ui/components/organisms/vc-table/components/cells/index.ts

@@ -1,11 +1,11 @@
-export { default as CellMoney } from "./CellMoney.vue";
-export { default as CellDateAgo } from "./CellDateAgo.vue";
-export { default as CellDate } from "./CellDate.vue";
-export { default as CellImage } from "./CellImage.vue";
-export { default as CellStatus } from "./CellStatus.vue";
-export { default as CellStatusIcon } from "./CellStatusIcon.vue";
-export { default as CellLink } from "./CellLink.vue";
-export { default as CellHtml } from "./CellHtml.vue";
-export { default as CellNumber } from "./CellNumber.vue";
-export { default as CellDefault } from "./CellDefault.vue";
-export { default as CellEditableWrapper } from "./CellEditableWrapper.vue";
+export { default as CellMoney } from "@ui/components/organisms/vc-table/components/cells/CellMoney.vue";
+export { default as CellDateAgo } from "@ui/components/organisms/vc-table/components/cells/CellDateAgo.vue";
+export { default as CellDate } from "@ui/components/organisms/vc-table/components/cells/CellDate.vue";
+export { default as CellImage } from "@ui/components/organisms/vc-table/components/cells/CellImage.vue";
+export { default as CellStatus } from "@ui/components/organisms/vc-table/components/cells/CellStatus.vue";
+export { default as CellStatusIcon } from "@ui/components/organisms/vc-table/components/cells/CellStatusIcon.vue";
+export { default as CellLink } from "@ui/components/organisms/vc-table/components/cells/CellLink.vue";
+export { default as CellHtml } from "@ui/components/organisms/vc-table/components/cells/CellHtml.vue";
+export { default as CellNumber } from "@ui/components/organisms/vc-table/components/cells/CellNumber.vue";
+export { default as CellDefault } from "@ui/components/organisms/vc-table/components/cells/CellDefault.vue";
+export { default as CellEditableWrapper } from "@ui/components/organisms/vc-table/components/cells/CellEditableWrapper.vue";