@varlet/ui 2.20.0 → 2.20.1

package/es/switch/Switch.mjs

@@ -1,225 +0,0 @@
-import VarFormDetails from "../form-details/index.mjs";
-import Ripple from "../ripple/index.mjs";
-import Hover from "../hover/index.mjs";
-import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
-import { defineComponent, computed, nextTick } from "vue";
-import { useValidation, createNamespace } from "../utils/components.mjs";
-import { multiplySizeUnit } from "../utils/elements.mjs";
-import { useForm } from "../form/provide.mjs";
-import { props } from "./props.mjs";
-import { call } from "@varlet/shared";
-const { name, n, classes } = createNamespace("switch");
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
-  "svg",
-  { viewBox: "25 25 50 50" },
-  [
-    /* @__PURE__ */ _createElementVNode("circle", {
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: "none"
-    })
-  ],
-  -1
-  /* HOISTED */
-));
-const _hoisted_2 = [
-  _hoisted_1
-];
-function __render__(_ctx, _cache) {
-  const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
-  const _component_var_form_details = _resolveComponent("var-form-details");
-  const _directive_ripple = _resolveDirective("ripple");
-  const _directive_hover = _resolveDirective("hover");
-  return _withDirectives((_openBlock(), _createElementBlock(
-    "div",
-    {
-      class: _normalizeClass(_ctx.n())
-    },
-    [
-      _createElementVNode(
-        "div",
-        {
-          class: _normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")])),
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchActive && _ctx.switchActive(...args)),
-          style: _normalizeStyle(_ctx.styleComputed.switch)
-        },
-        [
-          _createElementVNode(
-            "div",
-            {
-              style: _normalizeStyle(_ctx.styleComputed.track),
-              class: _normalizeClass(
-                _ctx.classes(_ctx.n("track"), [_ctx.modelValue === _ctx.activeValue, _ctx.n("track--active")], [_ctx.errorMessage, _ctx.n("track--error")])
-              )
-            },
-            null,
-            6
-            /* CLASS, STYLE */
-          ),
-          _withDirectives((_openBlock(), _createElementBlock(
-            "div",
-            {
-              class: _normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.modelValue === _ctx.activeValue, _ctx.n("ripple--active")])),
-              style: _normalizeStyle(_ctx.styleComputed.ripple)
-            },
-            [
-              _createElementVNode(
-                "div",
-                {
-                  style: _normalizeStyle(_ctx.styleComputed.handle),
-                  class: _normalizeClass(
-                    _ctx.classes(
-                      _ctx.n("handle"),
-                      _ctx.n("$-elevation--2"),
-                      [_ctx.modelValue === _ctx.activeValue, _ctx.n("handle--active")],
-                      [_ctx.errorMessage, _ctx.n("handle--error")]
-                    )
-                  )
-                },
-                [
-                  _ctx.loading ? (_openBlock(), _createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: _normalizeClass(_ctx.n("loading")),
-                      style: _normalizeStyle({
-                        width: _ctx.radius,
-                        height: _ctx.radius
-                      })
-                    },
-                    _hoisted_2,
-                    6
-                    /* CLASS, STYLE */
-                  )) : _createCommentVNode("v-if", true)
-                ],
-                6
-                /* CLASS, STYLE */
-              ),
-              _createVNode(_component_var_hover_overlay, { hovering: _ctx.hovering }, null, 8, ["hovering"])
-            ],
-            6
-            /* CLASS, STYLE */
-          )), [
-            [_directive_ripple, {
-              disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled
-            }]
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      ),
-      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
-    ],
-    2
-    /* CLASS */
-  )), [
-    [_directive_hover, _ctx.hover, "desktop"]
-  ]);
-}
-const __sfc__ = defineComponent({
-  name,
-  components: {
-    VarFormDetails,
-    VarHoverOverlay
-  },
-  directives: { Ripple, Hover },
-  props,
-  setup(props2) {
-    const { bindForm, form } = useForm();
-    const { errorMessage, validateWithTrigger: vt, validate: v, resetValidation } = useValidation();
-    const { hovering, handleHovering } = useHoverOverlay();
-    const styleComputed = computed(() => {
-      const { size, modelValue, color, closeColor, loadingColor, activeValue } = props2;
-      return {
-        handle: {
-          width: multiplySizeUnit(size),
-          height: multiplySizeUnit(size),
-          backgroundColor: modelValue === activeValue ? color : closeColor,
-          color: loadingColor
-        },
-        ripple: {
-          left: modelValue === activeValue ? multiplySizeUnit(size, 0.5) : `-${multiplySizeUnit(size, 0.5)}`,
-          color: modelValue === activeValue ? color : closeColor || "#999",
-          width: multiplySizeUnit(size, 2),
-          height: multiplySizeUnit(size, 2)
-        },
-        track: {
-          height: multiplySizeUnit(size, 0.72),
-          width: multiplySizeUnit(size, 1.9),
-          borderRadius: multiplySizeUnit(size, 2 / 3),
-          filter: modelValue === activeValue || (errorMessage == null ? void 0 : errorMessage.value) ? void 0 : "brightness(.6)",
-          backgroundColor: modelValue === activeValue ? color : closeColor
-        },
-        switch: {
-          height: multiplySizeUnit(size, 1.2),
-          width: multiplySizeUnit(size, 2)
-        }
-      };
-    });
-    const radius = computed(() => multiplySizeUnit(props2.size, 0.8));
-    const switchProvider = {
-      reset,
-      validate,
-      resetValidation
-    };
-    call(bindForm, switchProvider);
-    function validate() {
-      return v(props2.rules, props2.modelValue);
-    }
-    function validateWithTrigger() {
-      return nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
-    }
-    function switchActive(event) {
-      const {
-        onClick,
-        onChange,
-        disabled,
-        loading,
-        readonly,
-        modelValue,
-        activeValue,
-        inactiveValue,
-        "onUpdate:modelValue": updateModelValue
-      } = props2;
-      call(onClick, event);
-      if (disabled || loading || readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
-        return;
-      }
-      const newValue = modelValue === activeValue ? inactiveValue : activeValue;
-      call(onChange, newValue);
-      call(updateModelValue, newValue);
-      validateWithTrigger();
-    }
-    function hover(value) {
-      if (props2.disabled || (form == null ? void 0 : form.disabled.value)) {
-        return;
-      }
-      handleHovering(value);
-    }
-    function reset() {
-      call(props2["onUpdate:modelValue"], props2.inactiveValue);
-      resetValidation();
-    }
-    return {
-      hovering,
-      radius,
-      styleComputed,
-      errorMessage,
-      formDisabled: form == null ? void 0 : form.disabled,
-      formReadonly: form == null ? void 0 : form.readonly,
-      n,
-      classes,
-      multiplySizeUnit,
-      switchActive,
-      hover
-    };
-  }
-});
-__sfc__.render = __render__;
-var stdin_default = __sfc__;
-export {
-  stdin_default as default
-};

package/es/switch/index.mjs

@@ -1,12 +0,0 @@
-import Switch from "./Switch.mjs";
-import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import { props as switchProps } from "./props.mjs";
-withInstall(Switch);
-withPropsDefaultsSetter(Switch, switchProps);
-const _SwitchComponent = Switch;
-var stdin_default = Switch;
-export {
-  _SwitchComponent,
-  stdin_default as default,
-  switchProps
-};

package/es/switch/props.mjs

@@ -1,30 +0,0 @@
-import { defineListenerProp } from "../utils/components.mjs";
-const props = {
-  modelValue: {
-    default: false
-  },
-  activeValue: {
-    default: true
-  },
-  inactiveValue: {
-    default: false
-  },
-  disabled: Boolean,
-  readonly: Boolean,
-  loading: Boolean,
-  color: String,
-  loadingColor: String,
-  closeColor: String,
-  size: [String, Number],
-  rules: Array,
-  ripple: {
-    type: Boolean,
-    default: true
-  },
-  onClick: defineListenerProp(),
-  onChange: defineListenerProp(),
-  "onUpdate:modelValue": defineListenerProp()
-};
-export {
-  props
-};

package/es/switch/provide.ts

@@ -1,3 +0,0 @@
-import { Validation } from '../form/provide'
-
-export type SwitchProvider = Validation

package/es/switch/style/index.mjs

@@ -1,8 +0,0 @@
-import '../../styles/common.css'
-import '../../styles/elevation.css'
-import '../../ripple/ripple.css'
-import '../../loading/loading.css'
-import '../../form-details/formDetails.css'
-import '../../hover-overlay/hoverOverlay.css'
-import '../switch.css'
-import '../SwitchSfc.css'

package/es/switch/switch.css

@@ -1 +0,0 @@
-:root { --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-handle-background: #fff; --switch-handle-color: #fff; --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-disabled-opacity: var(--opacity-disabled);}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); align-items: center; justify-content: center; height: 24px; width: 40px; transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity)); height: 14.4px; width: 38px; border-radius: calc(20px * 2 / 3);}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; transition: 0.3s var(--cubic-bezier); width: 40px; height: 40px; left: -10px;}.var-switch__ripple--active { left: 10px;}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: 20px; height: 20px;}.var-switch__handle--active { background-color: var(--switch-handle-active-background);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch__loading { display: inline-block; width: 16px; height: 16px; animation: circle 1.8s linear infinite;}.var-switch__loading svg { display: block; width: 100%; height: 100%;}.var-switch__loading svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}

package/es/tab/Tab.mjs

@@ -1,87 +0,0 @@
-import Ripple from "../ripple/index.mjs";
-import { defineComponent, ref, computed, watch } from "vue";
-import { props } from "./props.mjs";
-import { createNamespace } from "../utils/components.mjs";
-import { useTabs } from "./provide.mjs";
-import { call } from "@varlet/shared";
-const { name, n, classes } = createNamespace("tab");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
-function __render__(_ctx, _cache) {
-  const _directive_ripple = _resolveDirective("ripple");
-  return _withDirectives((_openBlock(), _createElementBlock(
-    "div",
-    {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.computeColorClass(), _ctx.n(`--${_ctx.itemDirection}`))),
-      ref: "tabEl",
-      style: _normalizeStyle({
-        color: _ctx.computeColorStyle()
-      }),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-    },
-    [
-      _renderSlot(_ctx.$slots, "default")
-    ],
-    6
-    /* CLASS, STYLE */
-  )), [
-    [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }]
-  ]);
-}
-const __sfc__ = defineComponent({
-  name,
-  directives: { Ripple },
-  props,
-  setup(props2) {
-    const tabEl = ref(null);
-    const element = computed(() => tabEl.value);
-    const name2 = computed(() => props2.name);
-    const disabled = computed(() => props2.disabled);
-    const { index, tabs, bindTabs } = useTabs();
-    const { onTabClick, active, activeColor, inactiveColor, disabledColor, itemDirection, resize } = tabs;
-    const tabProvider = {
-      name: name2,
-      index,
-      disabled,
-      element
-    };
-    bindTabs(tabProvider);
-    watch(() => [props2.name, props2.disabled], resize);
-    function shouldActive() {
-      if (props2.name != null) {
-        return active.value === props2.name;
-      }
-      return active.value === (index == null ? void 0 : index.value);
-    }
-    function computeColorStyle() {
-      return props2.disabled ? disabledColor.value : shouldActive() ? activeColor.value : inactiveColor.value;
-    }
-    function computeColorClass() {
-      return props2.disabled ? n("$-tab--disabled") : shouldActive() ? n("$-tab--active") : n("$-tab--inactive");
-    }
-    function handleClick(event) {
-      const { disabled: disabled2, name: name3, onClick } = props2;
-      if (disabled2) {
-        return;
-      }
-      call(onClick, name3 != null ? name3 : index.value, event);
-      onTabClick(tabProvider);
-    }
-    return {
-      tabEl,
-      active,
-      activeColor,
-      inactiveColor,
-      itemDirection,
-      n,
-      classes,
-      computeColorStyle,
-      computeColorClass,
-      handleClick
-    };
-  }
-});
-__sfc__.render = __render__;
-var stdin_default = __sfc__;
-export {
-  stdin_default as default
-};

package/es/tab/index.mjs

@@ -1,12 +0,0 @@
-import Tab from "./Tab.mjs";
-import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import { props as tabProps } from "./props.mjs";
-withInstall(Tab);
-withPropsDefaultsSetter(Tab, tabProps);
-const _TabComponent = Tab;
-var stdin_default = Tab;
-export {
-  _TabComponent,
-  stdin_default as default,
-  tabProps
-};

package/es/tab/props.mjs

@@ -1,13 +0,0 @@
-import { defineListenerProp } from "../utils/components.mjs";
-const props = {
-  name: [String, Number],
-  disabled: Boolean,
-  ripple: {
-    type: Boolean,
-    default: true
-  },
-  onClick: defineListenerProp()
-};
-export {
-  props
-};

package/es/tab/provide.mjs

@@ -1,17 +0,0 @@
-import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
-import { TABS_BIND_TAB_KEY } from "../tabs/provide.mjs";
-function useTabs() {
-  const { parentProvider, bindParent, index } = useParent(TABS_BIND_TAB_KEY);
-  if (!bindParent) {
-    error("Tab", "<var-tab/> must in <var-tabs/>");
-  }
-  return {
-    index,
-    tabs: parentProvider,
-    bindTabs: bindParent
-  };
-}
-export {
-  useTabs
-};

package/es/tab/style/index.mjs

@@ -1,4 +0,0 @@
-import '../../styles/common.css'
-import '../../ripple/ripple.css'
-import '../tab.css'
-import '../TabSfc.css'

package/es/tab/tab.css

@@ -1 +0,0 @@
-:root { --tab-padding: 12px; --tab-active-color: var(--color-primary); --tab-inactive-color: #646566; --tab-disabled-color: var(--color-text-disabled); --tab-font-size: var(--font-size-md); --tab-font-weight: 400;}.var-tab { display: flex; justify-content: center; align-items: center; flex: 1 0 auto; padding: 0 var(--tab-padding); font-size: var(--tab-font-size); font-weight: var(--tab-font-weight); cursor: pointer; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-tab--active { color: var(--tab-active-color);}.var-tab--inactive { color: var(--tab-inactive-color);}.var-tab--disabled { color: var(--tab-disabled-color); cursor: not-allowed;}.var-tab--horizontal { flex-direction: row;}.var-tab--vertical { flex-direction: column;}

package/es/tab-item/TabItem.mjs

@@ -1,52 +0,0 @@
-import VarSwipeItem from "../swipe-item/index.mjs";
-import { defineComponent, ref, computed } from "vue";
-import { useTabsItems, useLists } from "./provide.mjs";
-import { props } from "./props.mjs";
-import { createNamespace } from "../utils/components.mjs";
-const { name, n, classes } = createNamespace("tab-item");
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-function __render__(_ctx, _cache) {
-  const _component_var_swipe_item = _resolveComponent("var-swipe-item");
-  return _openBlock(), _createBlock(_component_var_swipe_item, {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [!_ctx.current, _ctx.n("--inactive")])),
-    "var-tab-item-cover": ""
-  }, {
-    default: _withCtx(() => [
-      _renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class"]);
-}
-const __sfc__ = defineComponent({
-  name,
-  components: { VarSwipeItem },
-  props,
-  setup(props2) {
-    const current = ref(false);
-    const name2 = computed(() => props2.name);
-    const { index, bindTabsItems } = useTabsItems();
-    const { bindLists } = useLists();
-    const tabItemProvider = {
-      index,
-      name: name2,
-      current: computed(() => current.value),
-      setCurrent
-    };
-    bindTabsItems(tabItemProvider);
-    bindLists(tabItemProvider);
-    function setCurrent(value) {
-      current.value = value;
-    }
-    return {
-      current,
-      n,
-      classes
-    };
-  }
-});
-__sfc__.render = __render__;
-var stdin_default = __sfc__;
-export {
-  stdin_default as default
-};

package/es/tab-item/index.mjs

@@ -1,12 +0,0 @@
-import TabItem from "./TabItem.mjs";
-import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import { props as tabItemProps } from "./props.mjs";
-withInstall(TabItem);
-withPropsDefaultsSetter(TabItem, tabItemProps);
-const _TabItemComponent = TabItem;
-var stdin_default = TabItem;
-export {
-  _TabItemComponent,
-  stdin_default as default,
-  tabItemProps
-};

package/es/tab-item/props.mjs

@@ -1,6 +0,0 @@
-const props = {
-  name: [String, Number]
-};
-export {
-  props
-};

package/es/tab-item/provide.mjs

@@ -1,30 +0,0 @@
-import { useChildren, useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
-import { TABS_ITEMS_BIND_TAB_ITEM_KEY } from "../tabs-items/provide.mjs";
-const TAB_ITEM_BIND_LIST_KEY = Symbol("TAB_ITEM_BIND_LIST_KEY");
-function useTabsItems() {
-  const { parentProvider, bindParent, index } = useParent(
-    TABS_ITEMS_BIND_TAB_ITEM_KEY
-  );
-  if (!bindParent) {
-    error("TabItem", "<var-tab-item/> must in <var-tabs-items/>");
-  }
-  return {
-    index,
-    tabsItems: parentProvider,
-    bindTabsItems: bindParent
-  };
-}
-function useLists() {
-  const { childProviders, bindChildren, length } = useChildren(TAB_ITEM_BIND_LIST_KEY);
-  return {
-    length,
-    lists: childProviders,
-    bindLists: bindChildren
-  };
-}
-export {
-  TAB_ITEM_BIND_LIST_KEY,
-  useLists,
-  useTabsItems
-};

package/es/tab-item/style/index.mjs

@@ -1,4 +0,0 @@
-import '../../styles/common.css'
-import '../../swipe-item/swipeItem.css'
-import '../tabItem.css'
-import '../TabItemSfc.css'

package/es/tab-item/tabItem.css

@@ -1 +0,0 @@
-.var-tab-item--inactive[var-tab-item-cover] { overflow: visible; height: 0;}

package/es/table/Table.mjs

@@ -1,67 +0,0 @@
-import { defineComponent } from "vue";
-import { toSizeUnit } from "../utils/elements.mjs";
-import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { props } from "./props.mjs";
-const { name, n, classes } = createNamespace("table");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
-function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock(
-    "div",
-    {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 1), _ctx.n("$--box")))
-    },
-    [
-      _createElementVNode(
-        "div",
-        {
-          class: _normalizeClass(_ctx.n("main"))
-        },
-        [
-          _createElementVNode(
-            "table",
-            {
-              class: _normalizeClass(_ctx.n("table")),
-              style: _normalizeStyle({ width: _ctx.toSizeUnit(_ctx.fullWidth) })
-            },
-            [
-              _renderSlot(_ctx.$slots, "default")
-            ],
-            6
-            /* CLASS, STYLE */
-          )
-        ],
-        2
-        /* CLASS */
-      ),
-      _ctx.$slots.footer ? (_openBlock(), _createElementBlock(
-        "div",
-        {
-          key: 0,
-          class: _normalizeClass(_ctx.n("footer"))
-        },
-        [
-          _renderSlot(_ctx.$slots, "footer")
-        ],
-        2
-        /* CLASS */
-      )) : _createCommentVNode("v-if", true)
-    ],
-    2
-    /* CLASS */
-  );
-}
-const __sfc__ = defineComponent({
-  name,
-  props,
-  setup: () => ({
-    toSizeUnit,
-    n,
-    classes,
-    formatElevation
-  })
-});
-__sfc__.render = __render__;
-var stdin_default = __sfc__;
-export {
-  stdin_default as default
-};

package/es/table/index.mjs

@@ -1,12 +0,0 @@
-import Table from "./Table.mjs";
-import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import { props as tableProps } from "./props.mjs";
-withInstall(Table);
-withPropsDefaultsSetter(Table, tableProps);
-const _TableComponent = Table;
-var stdin_default = Table;
-export {
-  _TableComponent,
-  stdin_default as default,
-  tableProps
-};

package/es/table/props.mjs

@@ -1,13 +0,0 @@
-const props = {
-  fullWidth: {
-    type: [Number, String],
-    default: "100%"
-  },
-  elevation: {
-    type: [Boolean, Number, String],
-    default: true
-  }
-};
-export {
-  props
-};

package/es/table/style/index.mjs

@@ -1,4 +0,0 @@
-import '../../styles/common.css'
-import '../../styles/elevation.css'
-import '../table.css'
-import '../TableSfc.css'

package/es/table/table.css

@@ -1 +0,0 @@
-:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 16px; --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius); transition: 0.25s background-color;}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow-x: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background); transition: background-color 0.25s;}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: left;}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: left;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top);}