tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

package/dist/{DialogPortal-8bLejP4P.js → DialogPortal-DWeT-J6v.js}

@@ -1,6 +1,6 @@
-import { a as useVModel, c as createContext, u as useForwardExpose, g as getActiveElement, F as FocusScope_default, D as DismissableLayer_default, f as useEmitAsProps, d as useHideOthers, e as Presence_default, b as useBodyScrollLock, P as Primitive, T as Teleport_default } from "./Teleport-BnT1MTUO.js";
-import { u as useId } from "./useId-DlA8vN1W.js";
-import { g as getOpenState } from "./utils-CnPWv_hZ.js";
+import { u as useVModel, c as createContext, a as useForwardExpose, g as getActiveElement, F as FocusScope_default, D as DismissableLayer_default, f as useEmitAsProps, d as useHideOthers, P as Presence_default, b as useBodyScrollLock, e as Primitive, T as Teleport_default } from "./Teleport-CMvGsENT.js";
+import { u as useId } from "./useId-CsgLY8y3.js";
+import { g as getOpenState } from "./utils-KP1QpeUS.js";
 import { defineComponent, ref, toRefs, renderSlot, unref, onMounted, createBlock, openBlock, withCtx, createVNode, mergeProps, createCommentVNode, normalizeProps, guardReactiveProps } from "vue";
 const [injectDialogRootContext, provideDialogRootContext] = createContext("DialogRoot");
 var DialogRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/{FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js → FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconFile } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilePicker",

package/dist/{ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js → ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconImage } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImagePicker",

package/dist/{MaterialRenameDialog.vue_vue_type_script_setup_true_lang-Cmhf2QX4.js → MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CVh4Regz.js}

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TUIDialog), {
         visible: true,
         title: unref(t)("Rename"),
-        confirmText: unref(t)("保存为新名称"),
+        confirmText: unref(t)("Save as new name"),
         onConfirm: handleRename,
         onClose: closeMaterialRenameDialog,
         onCancel: closeMaterialRenameDialog,

package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-Ca6-JH93.js → MessageInput.vue_vue_type_script_setup_true_lang-XRL7A5Gj.js}

@@ -1,21 +1,21 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, createVNode, createCommentVNode } from "vue";
+import { AttachmentPicker as _sfc_main$1 } from "./components/MessageInput/AttachmentPicker/index.js";
+import { _ as _sfc_main$5 } from "./FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js";
+import { _ as _sfc_main$6 } from "./ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
+import { _ as _sfc_main$7 } from "./VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js";
+import EmojiPickerComponent from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
+import { QuotedMessagePreview as _sfc_main$2 } from "./components/MessageInput/QuotedMessagePreview/index.js";
+import { SendButton as _sfc_main$4 } from "./components/MessageInput/SendButton/index.js";
+import { TextEditor as _sfc_main$3 } from "./components/MessageInput/TextEditor/index.js";
 import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { _ as _sfc_main$1 } from "./AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js";
-import { _ as _sfc_main$5 } from "./FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
-import { _ as _sfc_main$6 } from "./ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
-import { _ as _sfc_main$7 } from "./VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
-import EmojiPicker from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
-import { _ as _sfc_main$2 } from "./QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js";
-import { _ as _sfc_main$4 } from "./SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js";
-import { _ as _sfc_main$3 } from "./TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
 const styles = {
-  "message-input": "_message-input_1p3x8_1",
-  "message-input__toolbar": "_message-input__toolbar_1p3x8_11",
-  "message-input__wrapper": "_message-input__wrapper_1p3x8_18",
-  "message-input__leftInline": "_message-input__leftInline_1p3x8_23",
-  "message-input__rightInline": "_message-input__rightInline_1p3x8_23",
-  "message-input__actions": "_message-input__actions_1p3x8_27",
-  "message-input__footerToolbar": "_message-input__footerToolbar_1p3x8_33"
+  "message-input": "_message-input_v23we_1",
+  "message-input__toolbar": "_message-input__toolbar_v23we_11",
+  "message-input__wrapper": "_message-input__wrapper_v23we_18",
+  "message-input__leftInline": "_message-input__leftInline_v23we_23",
+  "message-input__rightInline": "_message-input__rightInline_v23we_23",
+  "message-input__actions": "_message-input__actions_v23we_27",
+  "message-input__footerToolbar": "_message-input__footerToolbar_v23we_33"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageInput",
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const DEFAULT_ACTIONS = [
-      { key: "EmojiPicker", component: EmojiPicker },
+      { key: "EmojiPicker", component: EmojiPickerComponent },
       { key: "AttachmentPicker", component: _sfc_main$1 },
       { key: "FilePicker", component: _sfc_main$5 },
       { key: "ImagePicker", component: _sfc_main$6 },

package/dist/{PopoverTrigger-BhQt39dx.js → PopoverTrigger-BKOIHfdS.js}

@@ -1,6 +1,6 @@
-import { a as useVModel, c as createContext, r as reactiveOmit, u as useForwardExpose, F as FocusScope_default, D as DismissableLayer_default, b as useBodyScrollLock, d as useHideOthers, e as Presence_default, T as Teleport_default, P as Primitive } from "./Teleport-BnT1MTUO.js";
-import { P as PopperRoot_default, u as useForwardProps, a as useFocusGuards, b as PopperContent_default, c as useForwardPropsEmits, d as PopperAnchor_default } from "./PopperContent-C59duB_H.js";
-import { u as useId } from "./useId-DlA8vN1W.js";
+import { u as useVModel, c as createContext, r as reactiveOmit, a as useForwardExpose, F as FocusScope_default, D as DismissableLayer_default, b as useBodyScrollLock, d as useHideOthers, P as Presence_default, T as Teleport_default, e as Primitive } from "./Teleport-CMvGsENT.js";
+import { P as PopperRoot_default, u as useForwardProps, a as useFocusGuards, b as PopperContent_default, c as useForwardPropsEmits, d as PopperAnchor_default } from "./PopperContent-DtL7HVWz.js";
+import { u as useId } from "./useId-CsgLY8y3.js";
 import { defineComponent, toRefs, ref, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, mergeProps, withModifiers, normalizeProps, guardReactiveProps, onMounted, resolveDynamicComponent } from "vue";
 const [injectPopoverRootContext, providePopoverRootContext] = createContext("PopoverRoot");
 var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/{PopperContent-C59duB_H.js → PopperContent-DtL7HVWz.js}

@@ -1,5 +1,5 @@
 import { watchEffect, getCurrentInstance, toRef, computed, camelize, ref, onMounted, defineComponent, renderSlot, watchPostEffect, createBlock, openBlock, unref, withCtx, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, mergeDefaults, createElementBlock, normalizeStyle, createVNode, mergeProps } from "vue";
-import { h as isClient, f as useEmitAsProps, j as unrefElement, c as createContext, u as useForwardExpose, P as Primitive, k as computedEager } from "./Teleport-BnT1MTUO.js";
+import { h as isClient, f as useEmitAsProps, j as unrefElement, c as createContext, a as useForwardExpose, e as Primitive, k as computedEager } from "./Teleport-CMvGsENT.js";
 let count = 0;
 function useFocusGuards() {
   watchEffect((cleanupFn) => {
@@ -1087,7 +1087,7 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
+  } = getComputedStyle$1(element);
   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 const tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -1109,7 +1109,7 @@ const willChangeValues = ["transform", "translate", "scale", "rotate", "perspect
 const containValues = ["paint", "layout", "strict", "content"];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
   return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
@@ -1132,7 +1132,7 @@ const lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#docu
 function isLastTraversableNode(node) {
   return lastTraversableNodeNames.has(getNodeName(node));
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeScroll(element) {
@@ -1191,7 +1191,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   let width = parseFloat(css.width) || 0;
   let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
@@ -1287,7 +1287,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -1314,15 +1314,9 @@ function getWindowScrollBarX(element, rect) {
   }
   return rect.left + leftScroll;
 }
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
-    // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect)
-  ));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -1360,7 +1354,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -1379,7 +1373,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body).direction === "rtl") {
+  if (getComputedStyle$1(body).direction === "rtl") {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -1389,6 +1383,7 @@ function getDocumentRect(element) {
     y
   };
 }
+const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -1406,6 +1401,19 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -1454,7 +1462,7 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
@@ -1463,10 +1471,10 @@ function getClippingElementAncestors(element, cache) {
   }
   let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
@@ -1556,10 +1564,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   };
 }
 function isStaticPositioned(element) {
-  return getComputedStyle(element).position === "static";
+  return getComputedStyle$1(element).position === "static";
 }
 function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
     return null;
   }
   if (polyfill) {
@@ -1610,7 +1618,7 @@ const getElementRects = async function(data) {
   };
 };
 function isRTL(element) {
-  return getComputedStyle(element).direction === "rtl";
+  return getComputedStyle$1(element).direction === "rtl";
 }
 const platform = {
   convertOffsetParentRelativeRectToViewportRelativeRect,

package/dist/{Teleport-BnT1MTUO.js → Teleport-CMvGsENT.js}

@@ -131,7 +131,6 @@ function reactiveOmit(obj, ...keys) {
   return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const isDef = (val) => typeof val !== "undefined";
 const toString = Object.prototype.toString;
 const isObject = (val) => toString.call(val) === "[object Object]";
@@ -1344,14 +1343,14 @@ var Teleport_default = Teleport_vue_vue_type_script_setup_true_lang_default;
 export {
   DismissableLayer_default as D,
   FocusScope_default as F,
-  Primitive as P,
+  Presence_default as P,
   Slot as S,
   Teleport_default as T,
-  useVModel as a,
+  useForwardExpose as a,
   useBodyScrollLock as b,
   createContext as c,
   useHideOthers as d,
-  Presence_default as e,
+  Primitive as e,
   useEmitAsProps as f,
   getActiveElement as g,
   isClient as h,
@@ -1362,5 +1361,5 @@ export {
   createSharedComposable as m,
   useEventListener as n,
   reactiveOmit as r,
-  useForwardExpose as u
+  useVModel as u
 };

package/dist/{VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js → VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
 import { IconVideo } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState, MessageContentType } from "./states/MessageInputState/MessageInputState.js";
 import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
+import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "./states/MessageInputState/type.js";
 const _hoisted_1 = ["accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VideoPicker",

package/dist/baseComp/AudioIcon.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-efc87e1f"]]);
+const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1854d402"]]);
 export {
   AudioIcon as default
 };

package/dist/baseComp/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, normalizeClass, renderSlot } from "vue";
-import { D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../DialogPortal-8bLejP4P.js";
+import { D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../DialogPortal-DWeT-J6v.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Modal",

package/dist/baseComp/TuiSwitch.js

@@ -16,9 +16,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([props.modelValue ? "switch-container" : "switch-container-active"]),
         onClick: toggleSwitch
-      }, _cache[0] || (_cache[0] = [
+      }, [..._cache[0] || (_cache[0] = [
         createElementVNode("div", { class: "switch-core" }, null, -1)
-      ]), 2);
+      ])], 2);
     };
   }
 });

package/dist/baseComp/View/View.js

@@ -1,42 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
-import { c as cs } from "../../index-BF6QB9jF.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    // eslint-disable-next-line vue/no-reserved-component-names
-    name: "View",
-    inheritAttrs: true
-  },
-  __name: "View",
-  props: {
-    dir: { default: "column" },
-    justify: { default: void 0 },
-    align: { default: void 0 },
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const computedClass = computed(() => cs(
-      "view__v",
-      {
-        "view__v--dir-row": props.dir === "row",
-        [`view__v--justify-${props.justify}`]: props.justify,
-        [`view__v--align-${props.align}`]: props.align
-      },
-      props.class
-    ));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(computedClass.value),
-        style: normalizeStyle(props.style)
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 6);
-    };
-  }
-});
-const View = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d4ef2cd"]]);
+import { View as _sfc_main } from "./index.js";
 export {
-  View as default
+  _sfc_main as default
 };

package/dist/baseComp/View/View.vue.d.ts

@@ -1,33 +1,27 @@
-import { CSSProperties } from 'vue';
-
 interface ViewProps {
+    gap?: number;
     dir?: 'row' | 'column';
     justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
     align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-    class?: string;
-    style?: CSSProperties;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ViewProps>, {
+    gap: undefined;
     dir: string;
     justify: undefined;
     align: undefined;
-    class: undefined;
-    style: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ViewProps>, {
+    gap: undefined;
     dir: string;
     justify: undefined;
     align: undefined;
-    class: undefined;
-    style: undefined;
 }>>> & Readonly<{}>, {
-    style: CSSProperties;
-    class: string;
     justify: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
     align: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
     dir: "row" | "column";
+    gap: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/baseComp/View/index.js

@@ -1,4 +1,39 @@
-import { default as default2 } from "./View.js";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+import { c as cs } from "../../index-BF6QB9jF.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    // eslint-disable-next-line vue/no-reserved-component-names
+    name: "View"
+  },
+  __name: "View",
+  props: {
+    gap: { default: void 0 },
+    dir: { default: "column" },
+    justify: { default: void 0 },
+    align: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const computedClass = computed(() => cs(
+      "view__v",
+      {
+        "view__v--dir-row": props.dir === "row",
+        [`view__v--justify-${props.justify}`]: props.justify,
+        [`view__v--align-${props.align}`]: props.align
+      }
+    ));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(computedClass.value),
+        style: normalizeStyle({
+          gap: _ctx.gap ? `${_ctx.gap}px` : void 0
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
 export {
-  default2 as View
+  _sfc_main as View
 };

package/dist/baseComp/index.d.ts

@@ -0,0 +1 @@
+export { default as Input } from './Input';

package/dist/baseComp/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Input/index.js";
+export {
+  default2 as Input
+};