@varlet/ui 3.5.4 → 3.6.0-alpha.1728668115499

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/alert/Alert.mjs

@@ -0,0 +1,136 @@
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, computed } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { call } from "@varlet/shared";
+const { name, n, classes } = createNamespace("alert");
+const iconTypeMap = {
+  success: "checkbox-marked-circle",
+  warning: "warning",
+  info: "information",
+  danger: "error"
+};
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle } from "vue";
+function __render__(_ctx, _cache) {
+  const _component_var_icon = _resolveComponent("var-icon");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--${_ctx.variant}`), _ctx.n(`--${_ctx.type}`), _ctx.formatElevation(_ctx.elevation, 2))),
+      style: _normalizeStyle({
+        "background-color": _ctx.color
+      }),
+      role: "alert"
+    },
+    [
+      _ctx.isInternalType || _ctx.$slots["icon"] ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: _normalizeClass(_ctx.n("icon"))
+        },
+        [
+          _renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.isInternalType ? (_openBlock(), _createBlock(_component_var_icon, {
+              key: 0,
+              name: _ctx.iconTypeMap[_ctx.type]
+            }, null, 8, ["name"])) : _createCommentVNode("v-if", true)
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true),
+      _renderSlot(_ctx.$slots, "content", {}, () => [
+        _createElementVNode(
+          "div",
+          {
+            class: _normalizeClass(_ctx.n("content"))
+          },
+          [
+            _ctx.title || _ctx.$slots["title"] ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: _normalizeClass(_ctx.n("title"))
+              },
+              [
+                _renderSlot(_ctx.$slots, "title", {}, () => [
+                  _createTextVNode(
+                    _toDisplayString(_ctx.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : _createCommentVNode("v-if", true),
+            _ctx.message || _ctx.$slots["default"] ? (_openBlock(), _createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: _normalizeClass(_ctx.n("message"))
+              },
+              [
+                _renderSlot(_ctx.$slots, "default", {}, () => [
+                  _createTextVNode(
+                    _toDisplayString(_ctx.message),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : _createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _ctx.closeable ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 1,
+          class: _normalizeClass(_ctx.n("close-icon")),
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+        },
+        [
+          _renderSlot(_ctx.$slots, "close-icon", {}, () => [
+            _createVNode(_component_var_icon, { name: "close-circle" })
+          ])
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const __sfc__ = defineComponent({
+  name,
+  components: {
+    VarIcon
+  },
+  props,
+  setup(props2) {
+    const isInternalType = computed(() => ["info", "success", "danger", "warning"].includes(props2.type));
+    function handleClose(e) {
+      call(props2.onClose, e);
+    }
+    return {
+      n,
+      classes,
+      iconTypeMap,
+      isInternalType,
+      formatElevation,
+      handleClose
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/alert/alert.css

@@ -0,0 +1 @@
+:root { --alert-padding: 16px; --alert-border-radius: 4px; --alert-icon-size: 22px; --alert-icon-margin: 0 12px 0 0; --alert-close-icon-size: 22px; --alert-close-icon-margin: 2px 0 0 12px; --alert-standard-info-text-color: var(--color-on-info); --alert-standard-danger-text-color: var(--color-on-danger); --alert-standard-success-text-color: var(--color-on-success); --alert-standard-warning-text-color: var(--color-on-warning); --alert-danger-background: var(--color-danger); --alert-success-background: var(--color-success); --alert-warning-background: var(--color-warning); --alert-info-background: var(--color-info); --alert-tonal-danger-background: hsla(var(--hsl-danger), 0.12); --alert-tonal-success-background: hsla(var(--hsl-success), 0.12); --alert-tonal-warning-background: hsla(var(--hsl-warning), 0.12); --alert-tonal-info-background: hsla(var(--hsl-info), 0.12); --alert-tonal-danger-text-color: var(--color-danger); --alert-tonal-success-text-color: var(--color-success); --alert-tonal-warning-text-color: var(--color-warning); --alert-tonal-info-text-color: var(--color-info); --alert-message-font-size: 14px; --alert-title-font-size: 16px; --alert-title-font-weight: 500; --alert-message-margin-top: 4px; --alert-message-line-height: 1.5; --alert-title-line-height: 1.5;}.var-alert { display: flex; padding: var(--alert-padding); border-radius: var(--alert-border-radius);}.var-alert__icon { margin: var(--alert-icon-margin);}.var-alert__icon .var-icon { font-size: var(--alert-icon-size);}.var-alert__content { flex: 1;}.var-alert__title { font-size: var(--alert-title-font-size); font-weight: var(--alert-title-font-weight); line-height: var(--alert-title-line-height); word-break: normal; word-wrap: break-word;}.var-alert__title + .var-alert__message { margin-top: var(--alert-message-margin-top);}.var-alert__message { font-size: var(--alert-message-font-size); line-height: var(--alert-message-line-height);}.var-alert__close-icon { cursor: pointer; margin: var(--alert-close-icon-margin);}.var-alert__close-icon .var-icon[alert-cover] { font-size: var(--alert-close-icon-size);}.var-alert--outlined { border: thin solid currentColor; background-color: transparent;}.var-alert--outlined.var-alert--info { border-color: var(--alert-info-background); color: var(--alert-info-background);}.var-alert--outlined.var-alert--success { border-color: var(--alert-success-background); color: var(--alert-success-background);}.var-alert--outlined.var-alert--warning { border-color: var(--alert-warning-background); color: var(--alert-warning-background);}.var-alert--outlined.var-alert--danger { border-color: var(--alert-danger-background); color: var(--alert-danger-background);}.var-alert--tonal.var-alert--info { background-color: var(--alert-tonal-info-background); color: var(--alert-tonal-info-text-color);}.var-alert--tonal.var-alert--success { background-color: var(--alert-tonal-success-background); color: var(--alert-tonal-success-text-color);}.var-alert--tonal.var-alert--warning { background-color: var(--alert-tonal-warning-background); color: var(--alert-tonal-warning-text-color);}.var-alert--tonal.var-alert--danger { background-color: var(--alert-tonal-danger-background); color: var(--alert-tonal-danger-text-color);}.var-alert--standard.var-alert--info { background-color: var(--alert-info-background); color: var(--alert-standard-info-text-color);}.var-alert--standard.var-alert--success { background-color: var(--alert-success-background); color: var(--alert-standard-success-text-color);}.var-alert--standard.var-alert--warning { background-color: var(--alert-warning-background); color: var(--alert-standard-warning-text-color);}.var-alert--standard.var-alert--danger { background-color: var(--alert-danger-background); color: var(--alert-standard-danger-text-color);}

package/es/alert/index.mjs

@@ -0,0 +1,9 @@
+import Alert from "./Alert.mjs";
+import { withInstall } from "../utils/components.mjs";
+withInstall(Alert);
+const _AlertComponent = Alert;
+var stdin_default = Alert;
+export {
+  _AlertComponent,
+  stdin_default as default
+};

package/es/alert/props.mjs

@@ -0,0 +1,23 @@
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
+  type: {
+    type: String,
+    default: "info"
+  },
+  variant: {
+    type: String,
+    default: "standard"
+  },
+  color: String,
+  title: String,
+  message: String,
+  closeable: Boolean,
+  elevation: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  onClose: defineListenerProp()
+};
+export {
+  props
+};

package/es/alert/style/index.mjs

@@ -0,0 +1,5 @@
+import '../../styles/common.css'
+import '../../styles/elevation.css'
+import '../../icon/icon.css'
+import '../alert.css'
+import '../AlertSfc.css'

package/es/code/Code.mjs

@@ -0,0 +1,67 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { computed, defineComponent, ref, watch } from "vue";
+import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { injectHighlighterProvider } from "../highlighter-provider/provide.mjs";
+const { name, n, classes } = createNamespace("code");
+import { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["innerHTML"];
+function __render__(_ctx, _cache) {
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.wordWrap, _ctx.n("--word-wrap")])),
+    innerHTML: _ctx.highlightedCode
+  }, null, 10, _hoisted_1);
+}
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2) {
+    const { highlighter, theme } = injectHighlighterProvider();
+    const highlightedCode = ref("");
+    const normalizedTheme = computed(() => {
+      var _a;
+      return (_a = props2.theme) != null ? _a : theme == null ? void 0 : theme.value;
+    });
+    if (highlighter) {
+      watch(
+        () => [highlighter.value, props2.code, props2.language, normalizedTheme.value, props2.trim],
+        (_0) => __async(this, [_0], function* ([highlighter2, code, lang, theme2, trim]) {
+          if (!highlighter2) {
+            return;
+          }
+          highlightedCode.value = yield highlighter2.codeToHtml(trim ? code.trim() : code, { lang, theme: theme2 });
+        }),
+        { immediate: true }
+      );
+    }
+    return {
+      n,
+      classes,
+      highlightedCode
+    };
+  }
+});
+__sfc__.render = __render__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/code/code.css

@@ -0,0 +1 @@
+:root { --code-font-size: 14px; --code-line-height: 1.7;}.var-code { width: 100%; line-height: var(--code-line-height); font-size: var(--code-font-size);}.var-code pre { width: 100%; margin: 0; overflow: auto; background-color: transparent !important;}.var-code--word-wrap pre { white-space: pre-wrap; word-break: break-all;}

package/es/code/index.mjs

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

package/es/code/props.mjs

@@ -0,0 +1,16 @@
+const props = {
+  code: {
+    type: String,
+    default: ""
+  },
+  language: String,
+  theme: String,
+  wordWrap: Boolean,
+  trim: {
+    type: Boolean,
+    default: true
+  }
+};
+export {
+  props
+};

package/es/code/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../styles/common.css'
+import '../code.css'
+import '../CodeSfc.css'

package/es/highlighter-provider/HighlighterProvider.mjs

@@ -0,0 +1,26 @@
+import { computed, defineComponent, h } from "vue";
+import { props } from "./props.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { call } from "@varlet/shared";
+import { provideHighlighterProvider } from "./provide.mjs";
+const { name, n } = createNamespace("highlighter-provider");
+const __sfc__ = defineComponent({
+  name,
+  props,
+  setup(props2, { slots }) {
+    const highlighter = computed(() => props2.highlighter);
+    const theme = computed(() => props2.theme);
+    provideHighlighterProvider({ highlighter, theme });
+    return () => h(
+      props2.tag,
+      {
+        class: n()
+      },
+      call(slots.default)
+    );
+  }
+});
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/highlighter-provider/index.mjs

@@ -0,0 +1,11 @@
+import HighlighterProvider from "./HighlighterProvider.mjs";
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { props as highlighterProviderProps } from "./props.mjs";
+withInstall(HighlighterProvider);
+withPropsDefaultsSetter(HighlighterProvider, highlighterProviderProps);
+const _HighlighterProviderComponent = HighlighterProvider;
+var stdin_default = HighlighterProvider;
+export {
+  _HighlighterProviderComponent,
+  stdin_default as default
+};

package/es/highlighter-provider/props.mjs

@@ -0,0 +1,11 @@
+const props = {
+  highlighter: Object,
+  theme: String,
+  tag: {
+    type: String,
+    default: "div"
+  }
+};
+export {
+  props
+};

package/es/highlighter-provider/provide.mjs

@@ -0,0 +1,17 @@
+import { keyInProvides } from "@varlet/use";
+import { inject, provide } from "vue";
+const HIGHLIGHTER_PROVIDER_KEY = Symbol("HIGHLIGHTER_PROVIDER_KEY");
+function provideHighlighterProvider(highlighterProvider) {
+  provide(HIGHLIGHTER_PROVIDER_KEY, highlighterProvider);
+}
+function injectHighlighterProvider() {
+  if (!keyInProvides(HIGHLIGHTER_PROVIDER_KEY)) {
+    return { highlighter: null, theme: null };
+  }
+  return inject(HIGHLIGHTER_PROVIDER_KEY);
+}
+export {
+  HIGHLIGHTER_PROVIDER_KEY,
+  injectHighlighterProvider,
+  provideHighlighterProvider
+};

package/es/index.bundle.mjs

@@ -1,4 +1,5 @@
 import ActionSheet from './action-sheet/index.mjs'
+import Alert from './alert/index.mjs'
 import AppBar from './app-bar/index.mjs'
 import AutoComplete from './auto-complete/index.mjs'
 import Avatar from './avatar/index.mjs'
@@ -16,6 +17,7 @@ import Cell from './cell/index.mjs'
 import Checkbox from './checkbox/index.mjs'
 import CheckboxGroup from './checkbox-group/index.mjs'
 import Chip from './chip/index.mjs'
+import Code from './code/index.mjs'
 import Col from './col/index.mjs'
 import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
@@ -33,6 +35,7 @@ import FieldDecorator from './field-decorator/index.mjs'
 import FloatingPanel from './floating-panel/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
+import HighlighterProvider from './highlighter-provider/index.mjs'
 import Hover from './hover/index.mjs'
 import HoverOverlay from './hover-overlay/index.mjs'
 import Icon from './icon/index.mjs'
@@ -89,6 +92,7 @@ import Uploader from './uploader/index.mjs'
 import Watermark from './watermark/index.mjs'
 
 export * from './action-sheet/index.mjs'
+export * from './alert/index.mjs'
 export * from './app-bar/index.mjs'
 export * from './auto-complete/index.mjs'
 export * from './avatar/index.mjs'
@@ -106,6 +110,7 @@ export * from './cell/index.mjs'
 export * from './checkbox/index.mjs'
 export * from './checkbox-group/index.mjs'
 export * from './chip/index.mjs'
+export * from './code/index.mjs'
 export * from './col/index.mjs'
 export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
@@ -123,6 +128,7 @@ export * from './field-decorator/index.mjs'
 export * from './floating-panel/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
+export * from './highlighter-provider/index.mjs'
 export * from './hover/index.mjs'
 export * from './hover-overlay/index.mjs'
 export * from './icon/index.mjs'
@@ -179,6 +185,7 @@ export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
 import './action-sheet/style/index.mjs'
+import './alert/style/index.mjs'
 import './app-bar/style/index.mjs'
 import './auto-complete/style/index.mjs'
 import './avatar/style/index.mjs'
@@ -196,6 +203,7 @@ import './cell/style/index.mjs'
 import './checkbox/style/index.mjs'
 import './checkbox-group/style/index.mjs'
 import './chip/style/index.mjs'
+import './code/style/index.mjs'
 import './col/style/index.mjs'
 import './collapse/style/index.mjs'
 import './collapse-item/style/index.mjs'
@@ -213,6 +221,7 @@ import './field-decorator/style/index.mjs'
 import './floating-panel/style/index.mjs'
 import './form/style/index.mjs'
 import './form-details/style/index.mjs'
+import './highlighter-provider/style/index.mjs'
 import './hover/style/index.mjs'
 import './hover-overlay/style/index.mjs'
 import './icon/style/index.mjs'
@@ -268,10 +277,11 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.5.4'
+const version = '3.6.0-alpha.1728668115499'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
+  Alert.install && app.use(Alert)
   AppBar.install && app.use(AppBar)
   AutoComplete.install && app.use(AutoComplete)
   Avatar.install && app.use(Avatar)
@@ -289,6 +299,7 @@ function install(app) {
   Checkbox.install && app.use(Checkbox)
   CheckboxGroup.install && app.use(CheckboxGroup)
   Chip.install && app.use(Chip)
+  Code.install && app.use(Code)
   Col.install && app.use(Col)
   Collapse.install && app.use(Collapse)
   CollapseItem.install && app.use(CollapseItem)
@@ -306,6 +317,7 @@ function install(app) {
   FloatingPanel.install && app.use(FloatingPanel)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
+  HighlighterProvider.install && app.use(HighlighterProvider)
   Hover.install && app.use(Hover)
   HoverOverlay.install && app.use(HoverOverlay)
   Icon.install && app.use(Icon)
@@ -366,6 +378,7 @@ export {
   version,
   install,
   ActionSheet,
+  Alert,
   AppBar,
   AutoComplete,
   Avatar,
@@ -383,6 +396,7 @@ export {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -400,6 +414,7 @@ export {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,
@@ -460,6 +475,7 @@ export default {
   version,
   install,
   ActionSheet,
+  Alert,
   AppBar,
   AutoComplete,
   Avatar,
@@ -477,6 +493,7 @@ export default {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -494,6 +511,7 @@ export default {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,

package/es/index.mjs

@@ -1,4 +1,5 @@
 import ActionSheet from './action-sheet/index.mjs'
+import Alert from './alert/index.mjs'
 import AppBar from './app-bar/index.mjs'
 import AutoComplete from './auto-complete/index.mjs'
 import Avatar from './avatar/index.mjs'
@@ -16,6 +17,7 @@ import Cell from './cell/index.mjs'
 import Checkbox from './checkbox/index.mjs'
 import CheckboxGroup from './checkbox-group/index.mjs'
 import Chip from './chip/index.mjs'
+import Code from './code/index.mjs'
 import Col from './col/index.mjs'
 import Collapse from './collapse/index.mjs'
 import CollapseItem from './collapse-item/index.mjs'
@@ -33,6 +35,7 @@ import FieldDecorator from './field-decorator/index.mjs'
 import FloatingPanel from './floating-panel/index.mjs'
 import Form from './form/index.mjs'
 import FormDetails from './form-details/index.mjs'
+import HighlighterProvider from './highlighter-provider/index.mjs'
 import Hover from './hover/index.mjs'
 import HoverOverlay from './hover-overlay/index.mjs'
 import Icon from './icon/index.mjs'
@@ -89,6 +92,7 @@ import Uploader from './uploader/index.mjs'
 import Watermark from './watermark/index.mjs'
 
 export * from './action-sheet/index.mjs'
+export * from './alert/index.mjs'
 export * from './app-bar/index.mjs'
 export * from './auto-complete/index.mjs'
 export * from './avatar/index.mjs'
@@ -106,6 +110,7 @@ export * from './cell/index.mjs'
 export * from './checkbox/index.mjs'
 export * from './checkbox-group/index.mjs'
 export * from './chip/index.mjs'
+export * from './code/index.mjs'
 export * from './col/index.mjs'
 export * from './collapse/index.mjs'
 export * from './collapse-item/index.mjs'
@@ -123,6 +128,7 @@ export * from './field-decorator/index.mjs'
 export * from './floating-panel/index.mjs'
 export * from './form/index.mjs'
 export * from './form-details/index.mjs'
+export * from './highlighter-provider/index.mjs'
 export * from './hover/index.mjs'
 export * from './hover-overlay/index.mjs'
 export * from './icon/index.mjs'
@@ -178,10 +184,11 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.5.4'
+const version = '3.6.0-alpha.1728668115499'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)
+  Alert.install && app.use(Alert)
   AppBar.install && app.use(AppBar)
   AutoComplete.install && app.use(AutoComplete)
   Avatar.install && app.use(Avatar)
@@ -199,6 +206,7 @@ function install(app) {
   Checkbox.install && app.use(Checkbox)
   CheckboxGroup.install && app.use(CheckboxGroup)
   Chip.install && app.use(Chip)
+  Code.install && app.use(Code)
   Col.install && app.use(Col)
   Collapse.install && app.use(Collapse)
   CollapseItem.install && app.use(CollapseItem)
@@ -216,6 +224,7 @@ function install(app) {
   FloatingPanel.install && app.use(FloatingPanel)
   Form.install && app.use(Form)
   FormDetails.install && app.use(FormDetails)
+  HighlighterProvider.install && app.use(HighlighterProvider)
   Hover.install && app.use(Hover)
   HoverOverlay.install && app.use(HoverOverlay)
   Icon.install && app.use(Icon)
@@ -276,6 +285,7 @@ export {
   version,
   install,
   ActionSheet,
+  Alert,
   AppBar,
   AutoComplete,
   Avatar,
@@ -293,6 +303,7 @@ export {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -310,6 +321,7 @@ export {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,
@@ -370,6 +382,7 @@ export default {
   version,
   install,
   ActionSheet,
+  Alert,
   AppBar,
   AutoComplete,
   Avatar,
@@ -387,6 +400,7 @@ export default {
   Checkbox,
   CheckboxGroup,
   Chip,
+  Code,
   Col,
   Collapse,
   CollapseItem,
@@ -404,6 +418,7 @@ export default {
   FloatingPanel,
   Form,
   FormDetails,
+  HighlighterProvider,
   Hover,
   HoverOverlay,
   Icon,

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'