@talex-touch/tuffex 0.3.3

package/dist/es/components.d.ts

@@ -0,0 +1,89 @@
+export * from './agents/index';
+export * from './alert/index';
+export * from './auto-sizer/index';
+export * from './avatar/index';
+export * from './badge/index';
+export * from './blank-slate/index';
+export * from './breadcrumb/index';
+export * from './button/index';
+export * from './card-item/index';
+export * from './card/index';
+export * from './cascader/index';
+export * from './chat/index';
+export * from './checkbox/index';
+export * from './collapse/index';
+export * from './command-palette/index';
+export * from './container/index';
+export * from './context-menu/index';
+export * from './corner-overlay/index';
+export * from './data-table/index';
+export * from './date-picker/index';
+export * from './dialog/index';
+export * from './drawer/index';
+export * from './dropdown-menu/index';
+export * from './empty-state/index';
+export * from './empty/index';
+export * from './file-uploader/index';
+export * from './flat-button/index';
+export * from './flat-input/index';
+export * from './flex/index';
+export * from './form/index';
+export * from './fusion/index';
+export * from './glass-surface/index';
+export * from './glow-text/index';
+export * from './gradient-border/index';
+export * from './gradual-blur/index';
+export * from './grid-layout/index';
+export * from './grid/index';
+export * from './group-block/index';
+export * from './icon/index';
+export * from './image-gallery/index';
+export * from './image-uploader/index';
+export * from './input/index';
+export * from './layout-skeleton/index';
+export * from './loading-overlay/index';
+export * from './loading-state/index';
+export * from './markdown-view/index';
+export * from './modal/index';
+export * from './nav-bar/index';
+export * from './no-data/index';
+export * from './no-selection/index';
+export * from './offline-state/index';
+export * from './outline-border/index';
+export * from './pagination/index';
+export * from './permission-state/index';
+export * from './picker/index';
+export * from './popover/index';
+export * from './progress-bar/index';
+export * from './progress/index';
+export * from './radio/index';
+export * from './rating/index';
+export * from './scroll/index';
+export * from './search-empty/index';
+export * from './search-input/index';
+export * from './search-select/index';
+export * from './segmented-slider';
+export * from './select/index';
+export * from './skeleton/index';
+export * from './slider';
+export * from './sortable-list/index';
+export * from './spinner/index';
+export * from './splitter/index';
+export * from './stack/index';
+export * from './stagger/index';
+export * from './stat-card/index';
+export * from './status-badge/index';
+export * from './steps/index';
+export * from './switch/index';
+export * from './tab-bar/index';
+export * from './tabs/index';
+export * from './tag-input/index';
+export * from './tag/index';
+export * from './text-transformer/index';
+export * from './timeline/index';
+export * from './toast/index';
+export * from './tooltip/index';
+export * from './transition/index';
+export * from './tree-select/index';
+export * from './tree/index';
+export * from './virtual-list/index';

package/dist/es/components.js

@@ -0,0 +1,211 @@
+export { AgentItem, AgentsList } from './agents/index.js';
+export { default as TxAlert } from './alert/src/TxAlert.vue.js';
+export { AutoSizer } from './auto-sizer/index.js';
+export { TxAvatar, TxAvatarGroup } from './avatar/index.js';
+export { default as TxBadge } from './badge/src/TxBadge.vue.js';
+export { TxBlankSlate } from './blank-slate/index.js';
+export { default as TxBreadcrumb } from './breadcrumb/src/TxBreadcrumb.vue.js';
+export { TxButton, TxSplitButton } from './button/index.js';
+export { CardItem } from './card-item/index.js';
+export { Card } from './card/index.js';
+export { Cascader } from './cascader/index.js';
+export { ChatComposer, ChatList, ChatMessage, TypingIndicator } from './chat/index.js';
+import './checkbox/index.js';
+export { default as TxCollapse } from './collapse/src/TxCollapse.vue.js';
+export { default as TxCollapseItem } from './collapse/src/TxCollapseItem.vue.js';
+export { CommandPalette } from './command-palette/index.js';
+import './container/index.js';
+export { ContextMenu, ContextMenuItem } from './context-menu/index.js';
+export { CornerOverlay } from './corner-overlay/index.js';
+export { DataTable } from './data-table/index.js';
+export { DatePicker } from './date-picker/index.js';
+export { BlowDialog, BottomDialog, PopperDialog, TouchTip } from './dialog/index.js';
+export { Drawer } from './drawer/index.js';
+export { DropdownItem, DropdownMenu } from './dropdown-menu/index.js';
+export { TxEmptyState } from './empty-state/index.js';
+export { Empty } from './empty/index.js';
+export { FileUploader } from './file-uploader/index.js';
+import './flat-button/index.js';
+import './flat-input/index.js';
+export { Flex } from './flex/index.js';
+export { Form, FormItem } from './form/index.js';
+export { Fusion } from './fusion/index.js';
+export { GlassSurface } from './glass-surface/index.js';
+export { GlowText } from './glow-text/index.js';
+export { GradientBorder } from './gradient-border/index.js';
+export { GradualBlur } from './gradual-blur/index.js';
+export { GridLayout } from './grid-layout/index.js';
+import './grid/index.js';
+export { BlockLine, BlockSlot, BlockSwitch, GroupBlock } from './group-block/index.js';
+export { TxIcon, TxStatusIcon } from './icon/index.js';
+export { ImageGallery } from './image-gallery/index.js';
+export { ImageUploader } from './image-uploader/index.js';
+import './input/index.js';
+export { LayoutSkeleton } from './layout-skeleton/index.js';
+export { LoadingOverlay } from './loading-overlay/index.js';
+export { TxLoadingState } from './loading-state/index.js';
+export { MarkdownView } from './markdown-view/index.js';
+export { TModal, TxModal } from './modal/index.js';
+export { NavBar } from './nav-bar/index.js';
+export { TxNoData } from './no-data/index.js';
+export { TxNoSelection } from './no-selection/index.js';
+export { TxOfflineState } from './offline-state/index.js';
+export { OutlineBorder } from './outline-border/index.js';
+export { default as TxPagination } from './pagination/src/TxPagination.vue.js';
+export { TxPermissionState } from './permission-state/index.js';
+export { Picker } from './picker/index.js';
+export { Popover } from './popover/index.js';
+export { ProgressBar } from './progress-bar/index.js';
+import './progress/index.js';
+export { Radio, RadioGroup } from './radio/index.js';
+export { default as TxRating } from './rating/src/TxRating.vue.js';
+export { TxScroll } from './scroll/index.js';
+export { TxSearchEmpty } from './search-empty/index.js';
+export { SearchInput } from './search-input/index.js';
+export { SearchSelect } from './search-select/index.js';
+export { SegmentedSlider } from './segmented-slider/index.js';
+import './select/index.js';
+export { CardSkeleton, ListItemSkeleton, Skeleton } from './skeleton/index.js';
+export { Slider } from './slider/index.js';
+export { SortableList } from './sortable-list/index.js';
+export { Spinner } from './spinner/index.js';
+export { Splitter } from './splitter/index.js';
+export { Stack } from './stack/index.js';
+export { Stagger } from './stagger/index.js';
+export { StatCard } from './stat-card/index.js';
+export { StatusBadge } from './status-badge/index.js';
+export { default as TxStep } from './steps/src/TxStep.vue.js';
+export { default as TxSteps } from './steps/src/TxSteps.vue.js';
+import './switch/index.js';
+export { TabBar } from './tab-bar/index.js';
+export { TabHeader, TabItem, TabItemGroup, Tabs } from './tabs/index.js';
+export { TagInput } from './tag-input/index.js';
+export { Tag } from './tag/index.js';
+export { TextTransformer } from './text-transformer/index.js';
+export { default as TxTimeline } from './timeline/src/TxTimeline.vue.js';
+export { default as TxTimelineItem } from './timeline/src/TxTimelineItem.vue.js';
+export { ToastHost } from './toast/index.js';
+export { Tooltip } from './tooltip/index.js';
+export { Transition, TransitionFade, TransitionRebound, TransitionSlideFade, TransitionSmoothSize } from './transition/index.js';
+export { TreeSelect } from './tree-select/index.js';
+export { Tree } from './tree/index.js';
+export { VirtualList } from './virtual-list/index.js';
+export { default as TxAutoSizer } from './auto-sizer/src/TxAutoSizer.vue.js';
+export { default as TxDatePicker } from './date-picker/src/TxDatePicker.vue.js';
+export { default as TxBlowDialog } from './dialog/src/TxBlowDialog.vue.js';
+/* empty css                             */
+export { default as TxPopperDialog } from './dialog/src/TxPopperDialog.vue.js';
+/* empty css                               */
+export { default as TxDrawer } from './drawer/src/TxDrawer.vue.js';
+/* empty css                         */
+export { default as TxEmpty } from './empty/src/TxEmpty.vue.js';
+export { default as TxGlassSurface } from './glass-surface/src/TxGlassSurface.vue.js';
+/* empty css                                      */
+export { default as TxGradualBlur } from './gradual-blur/src/TxGradualBlur.vue.js';
+/* empty css                                    */
+export { default as TxBlockLine } from './group-block/src/TxBlockLine.vue.js';
+/* empty css                                 */
+export { default as TxBlockSlot } from './group-block/src/TxBlockSlot.vue.js';
+/* empty css                                 */
+export { default as TxBlockSwitch } from './group-block/src/TxBlockSwitch.vue.js';
+/* empty css                                   */
+export { default as TxGroupBlock } from './group-block/src/TxGroupBlock.vue.js';
+/* empty css                                  */
+export { default as TxLoadingOverlay } from './loading-overlay/src/TxLoadingOverlay.vue.js';
+/* empty css                                          */
+export { default as TxMarkdownView } from './markdown-view/src/TxMarkdownView.vue.js';
+/* empty css                                      */
+export { default as TxProgressBar } from './progress-bar/src/TxProgressBar.vue.js';
+/* empty css                                    */
+export { default as TuffProgress } from './progress/src/TxProgress.vue.js';
+export { default as TxSegmentedSlider } from './segmented-slider/src/TxSegmentedSlider.vue.js';
+/* empty css                                            */
+export { default as TxSkeleton } from './skeleton/src/TxSkeleton.vue.js';
+/* empty css                             */
+export { default as TxSlider } from './slider/src/TxSlider.vue.js';
+/* empty css                         */
+export { default as TxSpinner } from './spinner/src/TxSpinner.vue.js';
+/* empty css                           */
+export { default as TxStagger } from './stagger/src/TxStagger.vue.js';
+/* empty css                           */
+export { default as TxStatusBadge } from './status-badge/src/TxStatusBadge.vue.js';
+/* empty css                                    */
+export { default as TuffSwitch } from './switch/src/TxSwitch.vue.js';
+export { default as TxTabItemGroup } from './tabs/src/TxTabItemGroup.vue.js';
+export { default as TxTag } from './tag/src/TxTag.vue.js';
+/* empty css                   */
+export { default as TxToastHost } from './toast/src/TxToastHost.vue.js';
+/* empty css                           */
+export { default as TxTransition } from './transition/src/TxTransition.vue.js';
+/* empty css                                 */
+export { default as TxTransitionFade } from './transition/src/TxTransitionFade.vue.js';
+export { default as TxTransitionRebound } from './transition/src/TxTransitionRebound.vue.js';
+export { default as TxTransitionSlideFade } from './transition/src/TxTransitionSlideFade.vue.js';
+export { default as TxTransitionSmoothSize } from './transition/src/TxTransitionSmoothSize.vue.js';
+/* empty css                                           */
+export { default as TxAgentItem } from './agents/src/TxAgentItem.vue.js';
+export { default as TxAgentsList } from './agents/src/TxAgentsList.vue.js';
+export { default as TxCardItem } from './card-item/src/TxCardItem.vue.js';
+export { default as TxCard } from './card/src/TxCard.vue.js';
+export { default as TxCascader } from './cascader/src/TxCascader.vue.js';
+export { default as TxChatComposer } from './chat/src/TxChatComposer.vue.js';
+export { default as TxChatList } from './chat/src/TxChatList.vue.js';
+export { default as TxChatMessage } from './chat/src/TxChatMessage.vue.js';
+export { default as TxTypingIndicator } from './chat/src/TxTypingIndicator.vue.js';
+export { default as TuffCheckbox, default as TxCheckbox } from './checkbox/src/TxCheckbox.vue.js';
+export { default as TxCommandPalette } from './command-palette/src/TxCommandPalette.vue.js';
+export { default as Col, default as TxCol } from './container/src/TxCol.vue.js';
+export { default as Container, default as TxContainer } from './container/src/TxContainer.vue.js';
+export { default as Row, default as TxRow } from './container/src/TxRow.vue.js';
+export { default as TxContextMenu } from './context-menu/src/TxContextMenu.vue.js';
+export { default as TxContextMenuItem } from './context-menu/src/TxContextMenuItem.vue.js';
+export { default as TxCornerOverlay } from './corner-overlay/src/TxCornerOverlay.vue.js';
+export { default as TxDataTable } from './data-table/src/TxDataTable.vue.js';
+export { default as TxBottomDialog } from './dialog/src/TxBottomDialog.vue.js';
+export { default as TxTouchTip } from './dialog/src/TxTouchTip.vue.js';
+export { default as TxDropdownItem } from './dropdown-menu/src/TxDropdownItem.vue.js';
+export { default as TxDropdownMenu } from './dropdown-menu/src/TxDropdownMenu.vue.js';
+export { default as TxFileUploader } from './file-uploader/src/TxFileUploader.vue.js';
+export { default as TuffFlatButton } from './flat-button/src/TxFlatButton.vue.js';
+export { default as FlatInput } from './flat-input/src/FlatInput.vue.js';
+export { default as TxFlex } from './flex/src/TxFlex.vue.js';
+export { default as TxForm } from './form/src/TxForm.vue.js';
+export { default as TxFormItem } from './form/src/TxFormItem.vue.js';
+export { default as TxFusion } from './fusion/src/TxFusion.vue.js';
+export { default as TxGlowText } from './glow-text/src/TxGlowText.vue.js';
+export { default as TxGradientBorder } from './gradient-border/src/TxGradientBorder.vue.js';
+export { default as TxGridLayout } from './grid-layout/src/TxGridLayout.vue.js';
+export { default as Grid, default as TxGrid } from './grid/src/TxGrid.vue.js';
+export { default as GridItem, default as TxGridItem } from './grid/src/TxGridItem.vue.js';
+export { default as TuffIcon } from './icon/src/TxIcon.vue.js';
+export { TX_ICON_CONFIG_KEY } from './icon/src/types.js';
+export { default as TxImageGallery } from './image-gallery/src/TxImageGallery.vue.js';
+export { default as TxImageUploader } from './image-uploader/src/TxImageUploader.vue.js';
+export { default as TuffInput } from './input/src/TxInput.vue.js';
+export { default as TxLayoutSkeleton } from './layout-skeleton/src/TxLayoutSkeleton.vue.js';
+export { default as TxNavBar } from './nav-bar/src/TxNavBar.vue.js';
+export { default as TxOutlineBorder } from './outline-border/src/TxOutlineBorder.vue.js';
+export { default as TxPicker } from './picker/src/TxPicker.vue.js';
+export { default as TxPopover } from './popover/src/TxPopover.vue.js';
+export { default as TxRadio } from './radio/src/TxRadio.vue.js';
+export { default as TxRadioGroup } from './radio/src/TxRadioGroup.vue.js';
+export { default as TxSearchInput } from './search-input/src/TxSearchInput.vue.js';
+export { default as TxSearchSelect } from './search-select/src/TxSearchSelect.vue.js';
+export { default as TuffSelect, default as TxSelect } from './select/src/TxSelect.vue.js';
+export { default as TuffSelectItem, default as TxSelectItem } from './select/src/TxSelectItem.vue.js';
+export { default as TxCardSkeleton } from './skeleton/src/TxCardSkeleton.vue.js';
+export { default as TxListItemSkeleton } from './skeleton/src/TxListItemSkeleton.vue.js';
+export { default as TxSortableList } from './sortable-list/src/TxSortableList.vue.js';
+export { default as TxSplitter } from './splitter/src/TxSplitter.vue.js';
+export { default as TxStack } from './stack/src/TxStack.vue.js';
+export { default as TxStatCard } from './stat-card/src/TxStatCard.vue.js';
+export { default as TxTabBar } from './tab-bar/src/TxTabBar.vue.js';
+export { default as TxTabHeader } from './tabs/src/TxTabHeader.vue.js';
+export { default as TxTabItem } from './tabs/src/TxTabItem.vue.js';
+export { default as TxTabs } from './tabs/src/TxTabs.vue.js';
+export { default as TxTagInput } from './tag-input/src/TxTagInput.vue.js';
+export { default as TxTextTransformer } from './text-transformer/src/TxTextTransformer.vue.js';
+export { default as TxTooltip } from './tooltip/src/TxTooltip.vue.js';
+export { default as TxTreeSelect } from './tree-select/src/TxTreeSelect.vue.js';
+export { default as TxTree } from './tree/src/TxTree.vue.js';
+export { default as TxVirtualList } from './virtual-list/src/TxVirtualList.vue.js';

package/dist/es/container/index.d.ts

@@ -0,0 +1,7 @@
+import { default as TxCol } from './src/TxCol.vue';
+import { default as TxContainer } from './src/TxContainer.vue';
+import { default as TxRow } from './src/TxRow.vue';
+
+export { TxCol, TxContainer, TxRow };
+export { TxCol as Col, TxContainer as Container, TxRow as Row };
+export default TxContainer;

package/dist/es/container/index.js

@@ -0,0 +1,15 @@
+import TxCol from './src/TxCol.vue.js';
+import TxContainer from './src/TxContainer.vue.js';
+import TxRow from './src/TxRow.vue.js';
+
+TxContainer.install = (app) => {
+  app.component(TxContainer.name || "TxContainer", TxContainer);
+};
+TxRow.install = (app) => {
+  app.component(TxRow.name || "TxRow", TxRow);
+};
+TxCol.install = (app) => {
+  app.component(TxCol.name || "TxCol", TxCol);
+};
+
+export { TxCol as Col, TxContainer as Container, TxRow as Row, TxCol, TxContainer, TxRow, TxContainer as default };

package/dist/es/container/src/TxCol.vue.d.ts

@@ -0,0 +1,68 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    span?: number;
+    offset?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}>, {
+    span: number;
+    offset: number;
+    xs: undefined;
+    sm: undefined;
+    md: undefined;
+    lg: undefined;
+    xl: undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    span?: number;
+    offset?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}>, {
+    span: number;
+    offset: number;
+    xs: undefined;
+    sm: undefined;
+    md: undefined;
+    lg: undefined;
+    xl: undefined;
+}>>> & Readonly<{}>, {
+    span: number;
+    sm: number;
+    md: number;
+    lg: number;
+    offset: number;
+    xs: number;
+    xl: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/container/src/TxCol.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxCol.vue2.js';
+/* empty css           */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxCol = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6818f0c"]]);
+
+export { TxCol as default };

package/dist/es/container/src/TxCol.vue2.js

@@ -0,0 +1,88 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from 'vue';
+import { hasWindow } from '../../utils/env.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxCol" },
+  __name: "TxCol",
+  props: {
+    span: { default: 24 },
+    offset: { default: 0 },
+    xs: { default: void 0 },
+    sm: { default: void 0 },
+    md: { default: void 0 },
+    lg: { default: void 0 },
+    xl: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const width = ref(hasWindow() ? window.innerWidth : 1024);
+    function getBp(w) {
+      if (w < 640)
+        return "xs";
+      if (w < 768)
+        return "sm";
+      if (w < 1024)
+        return "md";
+      if (w < 1280)
+        return "lg";
+      return "xl";
+    }
+    function onResize() {
+      if (!hasWindow())
+        return;
+      width.value = window.innerWidth;
+    }
+    onMounted(() => {
+      if (hasWindow()) {
+        window.addEventListener("resize", onResize, { passive: true });
+      }
+    });
+    onBeforeUnmount(() => {
+      if (hasWindow()) {
+        window.removeEventListener("resize", onResize);
+      }
+    });
+    function resolveSpan() {
+      const bp = getBp(width.value);
+      const map = {
+        xs: props.xs,
+        sm: props.sm,
+        md: props.md,
+        lg: props.lg,
+        xl: props.xl
+      };
+      const v = map[bp] ?? props.span;
+      const n = Number(v);
+      if (!Number.isFinite(n))
+        return 24;
+      return Math.min(24, Math.max(0, n));
+    }
+    const spanValue = computed(() => resolveSpan());
+    const style = computed(() => {
+      const gutter = "var(--tx-row-gutter, 0px)";
+      const span = spanValue.value;
+      const offset = Math.min(24, Math.max(0, Number(props.offset ?? 0)));
+      const basis = `${span / 24 * 100}%`;
+      const out = {
+        paddingLeft: `calc(${gutter} / 2)`,
+        paddingRight: `calc(${gutter} / 2)`,
+        flex: `0 0 ${basis}`,
+        maxWidth: basis,
+        boxSizing: "border-box"
+      };
+      if (offset)
+        out.marginLeft = `${offset / 24 * 100}%`;
+      return out;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tx-col",
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/container/src/TxContainer.vue.d.ts

@@ -0,0 +1,59 @@
+type PaddingPreset = 'small' | 'medium' | 'large';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    fluid?: boolean;
+    responsive?: boolean;
+    maxWidth?: string;
+    padding?: PaddingPreset | number;
+    margin?: "auto" | string | number;
+}>, {
+    fluid: boolean;
+    responsive: boolean;
+    maxWidth: string;
+    padding: string;
+    margin: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    fluid?: boolean;
+    responsive?: boolean;
+    maxWidth?: string;
+    padding?: PaddingPreset | number;
+    margin?: "auto" | string | number;
+}>, {
+    fluid: boolean;
+    responsive: boolean;
+    maxWidth: string;
+    padding: string;
+    margin: string;
+}>>> & Readonly<{}>, {
+    padding: PaddingPreset | number;
+    maxWidth: string;
+    fluid: boolean;
+    responsive: boolean;
+    margin: "auto" | string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/container/src/TxContainer.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxContainer.vue2.js';
+/* empty css                 */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90352c63"]]);
+
+export { TxContainer as default };

package/dist/es/container/src/TxContainer.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxContainer" },
+  __name: "TxContainer",
+  props: {
+    fluid: { type: Boolean, default: false },
+    responsive: { type: Boolean, default: false },
+    maxWidth: { default: "1200px" },
+    padding: { default: "medium" },
+    margin: { default: "auto" }
+  },
+  setup(__props) {
+    const props = __props;
+    function paddingToPx(v) {
+      if (typeof v === "number")
+        return Math.max(0, v);
+      if (v === "small")
+        return 12;
+      if (v === "large")
+        return 24;
+      return 16;
+    }
+    function sizeToCss(v) {
+      if (typeof v === "number")
+        return `${v}px`;
+      return String(v);
+    }
+    const style = computed(() => {
+      const pad = paddingToPx(props.padding);
+      const maxW = props.fluid ? "none" : props.maxWidth || "1200px";
+      const margin = props.margin === "auto" ? "0 auto" : `0 ${sizeToCss(props.margin)}`;
+      return {
+        "--tx-container-padding": `${pad}px`,
+        "--tx-container-max-width": maxW,
+        margin
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-container", { "is-fluid": __props.fluid, "is-responsive": __props.responsive }]),
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };