naive-ui 2.35.0 → 2.37.0

package/es/_internal/clear/index.mjs

@@ -0,0 +1 @@
+export { default } from "./src/Clear.mjs";

package/es/_internal/clear/src/Clear.mjs

@@ -0,0 +1,54 @@
+import { h, defineComponent, toRef } from 'vue';
+import { resolveSlot } from "../../../_utils/index.mjs";
+import { useStyle } from "../../../_mixins/index.mjs";
+import { ClearIcon } from "../../icons/index.mjs";
+import { NBaseIcon } from "../../icon/index.mjs";
+import NIconSwitchTransition from "../../icon-switch-transition/index.mjs";
+import style from "./styles/index.cssr.mjs";
+export default defineComponent({
+  name: 'BaseClear',
+  props: {
+    clsPrefix: {
+      type: String,
+      required: true
+    },
+    show: Boolean,
+    onClear: Function
+  },
+  setup(props) {
+    useStyle('-base-clear', style, toRef(props, 'clsPrefix'));
+    return {
+      handleMouseDown(e) {
+        var _a;
+        e.preventDefault();
+        (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      }
+    };
+  },
+  render() {
+    const {
+      clsPrefix
+    } = this;
+    return h("div", {
+      class: `${clsPrefix}-base-clear`
+    }, h(NIconSwitchTransition, null, {
+      default: () => {
+        var _a, _b;
+        return this.show ? h("div", {
+          key: "dismiss",
+          class: `${clsPrefix}-base-clear__clear`,
+          onClick: this.onClear,
+          onMousedown: this.handleMouseDown,
+          "data-clear": true
+        }, resolveSlot(this.$slots.icon, () => [h(NBaseIcon, {
+          clsPrefix: clsPrefix
+        }, {
+          default: () => h(ClearIcon, null)
+        })])) : h("div", {
+          key: "icon",
+          class: `${clsPrefix}-base-clear__placeholder`
+        }, (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a));
+      }
+    }));
+  }
+});

package/es/_internal/clear/src/styles/index.cssr.mjs

@@ -0,0 +1,37 @@
+import { cB, c, cE } from "../../../../_utils/cssr/index.mjs";
+import { iconSwitchTransition } from "../../../../_styles/transitions/icon-switch.cssr.mjs";
+// vars:
+// --n-bezier
+// --n-clear-color
+// --n-clear-size
+// --n-clear-color-hover
+// --n-clear-color-pressed
+export default cB('base-clear', `
+ flex-shrink: 0;
+ height: 1em;
+ width: 1em;
+ position: relative;
+`, [c('>', [cE('clear', `
+ font-size: var(--n-clear-size);
+ height: 1em;
+ width: 1em;
+ cursor: pointer;
+ color: var(--n-clear-color);
+ transition: color .3s var(--n-bezier);
+ display: flex;
+ `, [c('&:hover', `
+ color: var(--n-clear-color-hover)!important;
+ `), c('&:active', `
+ color: var(--n-clear-color-pressed)!important;
+ `)]), cE('placeholder', `
+ display: flex;
+ `), cE('clear, placeholder', `
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ `, [iconSwitchTransition({
+  originalTransform: 'translateX(-50%) translateY(-50%)',
+  left: '50%',
+  top: '50%'
+})])])]);

package/es/_internal/close/index.mjs

@@ -0,0 +1 @@
+export { default as NBaseClose } from "./src/Close.mjs";

package/es/_internal/close/src/Close.mjs

@@ -0,0 +1,61 @@
+import { h, defineComponent, toRef } from 'vue';
+import { useStyle } from "../../../_mixins/index.mjs";
+import { NBaseIcon } from "../../icon/index.mjs";
+import { CloseIcon } from "../../icons/index.mjs";
+import style from "./styles/index.cssr.mjs";
+export default defineComponent({
+  name: 'BaseClose',
+  props: {
+    isButtonTag: {
+      type: Boolean,
+      default: true
+    },
+    clsPrefix: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: undefined
+    },
+    focusable: {
+      type: Boolean,
+      default: true
+    },
+    round: Boolean,
+    onClick: Function,
+    absolute: Boolean
+  },
+  setup(props) {
+    useStyle('-base-close', style, toRef(props, 'clsPrefix'));
+    return () => {
+      const {
+        clsPrefix,
+        disabled,
+        absolute,
+        round,
+        isButtonTag
+      } = props;
+      const Tag = isButtonTag ? 'button' : 'div';
+      return h(Tag, {
+        type: isButtonTag ? 'button' : undefined,
+        tabindex: disabled || !props.focusable ? -1 : 0,
+        "aria-disabled": disabled,
+        "aria-label": "close",
+        role: isButtonTag ? undefined : 'button',
+        disabled: disabled,
+        class: [`${clsPrefix}-base-close`, absolute && `${clsPrefix}-base-close--absolute`, disabled && `${clsPrefix}-base-close--disabled`, round && `${clsPrefix}-base-close--round`],
+        onMousedown: e => {
+          if (!props.focusable) {
+            e.preventDefault();
+          }
+        },
+        onClick: props.onClick
+      }, h(NBaseIcon, {
+        clsPrefix: clsPrefix
+      }, {
+        default: () => h(CloseIcon, null)
+      }));
+    };
+  }
+});

package/es/_internal/close/src/styles/index.cssr.mjs

@@ -0,0 +1,54 @@
+import { cB, cM, c, cNotM } from "../../../../_utils/cssr/index.mjs";
+// vars:
+// --n-close-border-radius
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-close-icon-color
+// --n-close-icon-color-hover
+// --n-close-icon-color-pressed
+// --n-close-icon-color-disabled
+export default cB('base-close', `
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ background-color: transparent;
+ color: var(--n-close-icon-color);
+ border-radius: var(--n-close-border-radius);
+ height: var(--n-close-size);
+ width: var(--n-close-size);
+ font-size: var(--n-close-icon-size);
+ outline: none;
+ border: none;
+ position: relative;
+ padding: 0;
+`, [cM('absolute', `
+ height: var(--n-close-icon-size);
+ width: var(--n-close-icon-size);
+ `), c('&::before', `
+ content: "";
+ position: absolute;
+ width: var(--n-close-size);
+ height: var(--n-close-size);
+ left: 50%;
+ top: 50%;
+ transform: translateY(-50%) translateX(-50%);
+ transition: inherit;
+ border-radius: inherit;
+ `), cNotM('disabled', [c('&:hover', `
+ color: var(--n-close-icon-color-hover);
+ `), c('&:hover::before', `
+ background-color: var(--n-close-color-hover);
+ `), c('&:focus::before', `
+ background-color: var(--n-close-color-hover);
+ `), c('&:active', `
+ color: var(--n-close-icon-color-pressed);
+ `), c('&:active::before', `
+ background-color: var(--n-close-color-pressed);
+ `)]), cM('disabled', `
+ cursor: not-allowed;
+ color: var(--n-close-icon-color-disabled);
+ background-color: transparent;
+ `), cM('round', [c('&::before', `
+ border-radius: 50%;
+ `)])]);

package/es/_internal/fade-in-expand-transition/index.mjs

@@ -0,0 +1 @@
+export { default } from "./src/FadeInExpandTransition.mjs";

package/es/_internal/fade-in-expand-transition/src/FadeInExpandTransition.mjs

@@ -0,0 +1,110 @@
+import { h, Transition, TransitionGroup, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'FadeInExpandTransition',
+  props: {
+    appear: Boolean,
+    group: Boolean,
+    mode: String,
+    onLeave: Function,
+    onAfterLeave: Function,
+    onAfterEnter: Function,
+    width: Boolean,
+    // reverse mode is only used in tree
+    // it make it from expanded to collapsed after mounted
+    reverse: Boolean
+  },
+  setup(props, {
+    slots
+  }) {
+    function handleBeforeLeave(el) {
+      if (props.width) {
+        el.style.maxWidth = `${el.offsetWidth}px`;
+      } else {
+        el.style.maxHeight = `${el.offsetHeight}px`;
+      }
+      void el.offsetWidth;
+    }
+    function handleLeave(el) {
+      if (props.width) {
+        el.style.maxWidth = '0';
+      } else {
+        el.style.maxHeight = '0';
+      }
+      void el.offsetWidth;
+      const {
+        onLeave
+      } = props;
+      if (onLeave) onLeave();
+    }
+    function handleAfterLeave(el) {
+      if (props.width) {
+        el.style.maxWidth = '';
+      } else {
+        el.style.maxHeight = '';
+      }
+      const {
+        onAfterLeave
+      } = props;
+      if (onAfterLeave) onAfterLeave();
+    }
+    function handleEnter(el) {
+      el.style.transition = 'none';
+      if (props.width) {
+        const memorizedWidth = el.offsetWidth;
+        el.style.maxWidth = '0';
+        void el.offsetWidth;
+        el.style.transition = '';
+        el.style.maxWidth = `${memorizedWidth}px`;
+      } else {
+        if (props.reverse) {
+          el.style.maxHeight = `${el.offsetHeight}px`;
+          void el.offsetHeight;
+          el.style.transition = '';
+          el.style.maxHeight = '0';
+        } else {
+          const memorizedHeight = el.offsetHeight;
+          el.style.maxHeight = '0';
+          void el.offsetWidth;
+          el.style.transition = '';
+          el.style.maxHeight = `${memorizedHeight}px`;
+        }
+      }
+      void el.offsetWidth;
+    }
+    function handleAfterEnter(el) {
+      var _a;
+      if (props.width) {
+        el.style.maxWidth = '';
+      } else {
+        if (!props.reverse) {
+          el.style.maxHeight = '';
+        }
+      }
+      (_a = props.onAfterEnter) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+    return () => {
+      const {
+        group,
+        width,
+        appear,
+        mode
+      } = props;
+      const type = group ? TransitionGroup : Transition;
+      const resolvedProps = {
+        name: width ? 'fade-in-width-expand-transition' : 'fade-in-height-expand-transition',
+        appear,
+        onEnter: handleEnter,
+        onAfterEnter: handleAfterEnter,
+        onBeforeLeave: handleBeforeLeave,
+        onLeave: handleLeave,
+        onAfterLeave: handleAfterLeave
+      };
+      if (!group) {
+        ;
+        resolvedProps.mode = mode;
+      }
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      return h(type, resolvedProps, slots);
+    };
+  }
+});

package/es/_internal/focus-detector/index.mjs

@@ -0,0 +1,2 @@
+import FocusDetector from "./src/FocusDetector.mjs";
+export default FocusDetector;

package/es/_internal/focus-detector/src/FocusDetector.mjs

@@ -0,0 +1,15 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  props: {
+    onFocus: Function,
+    onBlur: Function
+  },
+  setup(props) {
+    return () => h("div", {
+      style: "width: 0; height: 0",
+      tabindex: 0,
+      onFocus: props.onFocus,
+      onBlur: props.onBlur
+    });
+  }
+});

package/es/_internal/icon/index.mjs

@@ -0,0 +1 @@
+export { default as NBaseIcon } from "./src/Icon.mjs";

package/es/_internal/icon/src/Icon.mjs

@@ -0,0 +1,40 @@
+import { h, defineComponent, toRef } from 'vue';
+import { useStyle } from "../../../_mixins/index.mjs";
+import style from "./styles/index.cssr.mjs";
+export default defineComponent({
+  name: 'BaseIcon',
+  props: {
+    role: String,
+    ariaLabel: String,
+    ariaDisabled: {
+      type: Boolean,
+      default: undefined
+    },
+    ariaHidden: {
+      type: Boolean,
+      default: undefined
+    },
+    clsPrefix: {
+      type: String,
+      required: true
+    },
+    onClick: Function,
+    onMousedown: Function,
+    onMouseup: Function
+  },
+  setup(props) {
+    useStyle('-base-icon', style, toRef(props, 'clsPrefix'));
+  },
+  render() {
+    return h("i", {
+      class: `${this.clsPrefix}-base-icon`,
+      onClick: this.onClick,
+      onMousedown: this.onMousedown,
+      onMouseup: this.onMouseup,
+      role: this.role,
+      "aria-label": this.ariaLabel,
+      "aria-hidden": this.ariaHidden,
+      "aria-disabled": this.ariaDisabled
+    }, this.$slots);
+  }
+});

package/es/_internal/icon/src/styles/index.cssr.mjs

@@ -0,0 +1,14 @@
+import { c, cB } from "../../../../_utils/cssr/index.mjs";
+export default cB('base-icon', `
+ height: 1em;
+ width: 1em;
+ line-height: 1em;
+ text-align: center;
+ display: inline-block;
+ position: relative;
+ fill: currentColor;
+ transform: translateZ(0);
+`, [c('svg', `
+ height: 1em;
+ width: 1em;
+ `)]);

package/es/_internal/icon-switch-transition/index.mjs

@@ -0,0 +1 @@
+export { default } from "./src/IconSwitchTransition.mjs";

package/es/_internal/icon-switch-transition/src/IconSwitchTransition.mjs

@@ -0,0 +1,14 @@
+import { h, Transition, defineComponent } from 'vue';
+import { useIsMounted } from 'vooks';
+export default defineComponent({
+  name: 'BaseIconSwitchTransition',
+  setup(_, {
+    slots
+  }) {
+    const isMountedRef = useIsMounted();
+    return () => h(Transition, {
+      name: "icon-switch-transition",
+      appear: isMountedRef.value
+    }, slots);
+  }
+});

package/es/_internal/icons/Add.mjs

@@ -0,0 +1,19 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'Add',
+  render() {
+    return h("svg", {
+      width: "512",
+      height: "512",
+      viewBox: "0 0 512 512",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M256 112V400M400 256H112",
+      stroke: "currentColor",
+      "stroke-width": "32",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }));
+  }
+});

package/es/_internal/icons/ArrowBack.mjs

@@ -0,0 +1,15 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ArrowBack',
+  render() {
+    return h("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24"
+    }, h("path", {
+      d: "M0 0h24v24H0V0z",
+      fill: "none"
+    }), h("path", {
+      d: "M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"
+    }));
+  }
+});

package/es/_internal/icons/ArrowDown.mjs

@@ -0,0 +1,19 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ArrowDown',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 28 28",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("g", {
+      stroke: "none",
+      "stroke-width": "1",
+      "fill-rule": "evenodd"
+    }, h("g", {
+      "fill-rule": "nonzero"
+    }, h("path", {
+      d: "M23.7916,15.2664 C24.0788,14.9679 24.0696,14.4931 23.7711,14.206 C23.4726,13.9188 22.9978,13.928 22.7106,14.2265 L14.7511,22.5007 L14.7511,3.74792 C14.7511,3.33371 14.4153,2.99792 14.0011,2.99792 C13.5869,2.99792 13.2511,3.33371 13.2511,3.74793 L13.2511,22.4998 L5.29259,14.2265 C5.00543,13.928 4.53064,13.9188 4.23213,14.206 C3.93361,14.4931 3.9244,14.9679 4.21157,15.2664 L13.2809,24.6944 C13.6743,25.1034 14.3289,25.1034 14.7223,24.6944 L23.7916,15.2664 Z"
+    }))));
+  }
+});

package/es/_internal/icons/ArrowUp.mjs

@@ -0,0 +1,15 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ArrowUp',
+  render() {
+    return h("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20"
+    }, h("g", {
+      fill: "none"
+    }, h("path", {
+      d: "M3.13 9.163a.5.5 0 1 0 .74.674L9.5 3.67V17.5a.5.5 0 0 0 1 0V3.672l5.63 6.165a.5.5 0 0 0 .738-.674l-6.315-6.916a.746.746 0 0 0-.632-.24a.746.746 0 0 0-.476.24L3.131 9.163z",
+      fill: "currentColor"
+    })));
+  }
+});

package/es/_internal/icons/Attach.mjs

@@ -0,0 +1,17 @@
+import { h } from 'vue';
+import { replaceable } from "./replaceable.mjs";
+export default replaceable('attach', h("svg", {
+  viewBox: "0 0 16 16",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, h("g", {
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+}, h("g", {
+  fill: "currentColor",
+  "fill-rule": "nonzero"
+}, h("path", {
+  d: "M3.25735931,8.70710678 L7.85355339,4.1109127 C8.82986412,3.13460197 10.4127766,3.13460197 11.3890873,4.1109127 C12.365398,5.08722343 12.365398,6.67013588 11.3890873,7.64644661 L6.08578644,12.9497475 C5.69526215,13.3402718 5.06209717,13.3402718 4.67157288,12.9497475 C4.28104858,12.5592232 4.28104858,11.9260582 4.67157288,11.5355339 L9.97487373,6.23223305 C10.1701359,6.0369709 10.1701359,5.72038841 9.97487373,5.52512627 C9.77961159,5.32986412 9.4630291,5.32986412 9.26776695,5.52512627 L3.96446609,10.8284271 C3.18341751,11.6094757 3.18341751,12.8758057 3.96446609,13.6568542 C4.74551468,14.4379028 6.01184464,14.4379028 6.79289322,13.6568542 L12.0961941,8.35355339 C13.4630291,6.98671837 13.4630291,4.77064094 12.0961941,3.40380592 C10.7293591,2.0369709 8.51328163,2.0369709 7.14644661,3.40380592 L2.55025253,8 C2.35499039,8.19526215 2.35499039,8.51184464 2.55025253,8.70710678 C2.74551468,8.90236893 3.06209717,8.90236893 3.25735931,8.70710678 Z"
+})))));

package/es/_internal/icons/Backward.mjs

@@ -0,0 +1,14 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'Backward',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M12.2674 15.793C11.9675 16.0787 11.4927 16.0672 11.2071 15.7673L6.20572 10.5168C5.9298 10.2271 5.9298 9.7719 6.20572 9.48223L11.2071 4.23177C11.4927 3.93184 11.9675 3.92031 12.2674 4.206C12.5673 4.49169 12.5789 4.96642 12.2932 5.26634L7.78458 9.99952L12.2932 14.7327C12.5789 15.0326 12.5673 15.5074 12.2674 15.793Z",
+      fill: "currentColor"
+    }));
+  }
+});

package/es/_internal/icons/Cancel.mjs

@@ -0,0 +1,17 @@
+import { h } from 'vue';
+import { replaceable } from "./replaceable.mjs";
+export default replaceable('cancel', h("svg", {
+  viewBox: "0 0 16 16",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, h("g", {
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+}, h("g", {
+  fill: "currentColor",
+  "fill-rule": "nonzero"
+}, h("path", {
+  d: "M2.58859116,2.7156945 L2.64644661,2.64644661 C2.82001296,2.47288026 3.08943736,2.45359511 3.2843055,2.58859116 L3.35355339,2.64644661 L8,7.293 L12.6464466,2.64644661 C12.8417088,2.45118446 13.1582912,2.45118446 13.3535534,2.64644661 C13.5488155,2.84170876 13.5488155,3.15829124 13.3535534,3.35355339 L8.707,8 L13.3535534,12.6464466 C13.5271197,12.820013 13.5464049,13.0894374 13.4114088,13.2843055 L13.3535534,13.3535534 C13.179987,13.5271197 12.9105626,13.5464049 12.7156945,13.4114088 L12.6464466,13.3535534 L8,8.707 L3.35355339,13.3535534 C3.15829124,13.5488155 2.84170876,13.5488155 2.64644661,13.3535534 C2.45118446,13.1582912 2.45118446,12.8417088 2.64644661,12.6464466 L7.293,8 L2.64644661,3.35355339 C2.47288026,3.17998704 2.45359511,2.91056264 2.58859116,2.7156945 L2.64644661,2.64644661 L2.58859116,2.7156945 Z"
+})))));

package/es/_internal/icons/Checkmark.mjs

@@ -0,0 +1,15 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'Checkmark',
+  render() {
+    return h("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16"
+    }, h("g", {
+      fill: "none"
+    }, h("path", {
+      d: "M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032z",
+      fill: "currentColor"
+    })));
+  }
+});

package/es/_internal/icons/ChevronDown.mjs

@@ -0,0 +1,14 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ChevronDown',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M3.14645 5.64645C3.34171 5.45118 3.65829 5.45118 3.85355 5.64645L8 9.79289L12.1464 5.64645C12.3417 5.45118 12.6583 5.45118 12.8536 5.64645C13.0488 5.84171 13.0488 6.15829 12.8536 6.35355L8.35355 10.8536C8.15829 11.0488 7.84171 11.0488 7.64645 10.8536L3.14645 6.35355C2.95118 6.15829 2.95118 5.84171 3.14645 5.64645Z",
+      fill: "currentColor"
+    }));
+  }
+});

package/es/_internal/icons/ChevronDownFilled.mjs

@@ -0,0 +1,14 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ChevronDownFilled',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M3.20041 5.73966C3.48226 5.43613 3.95681 5.41856 4.26034 5.70041L8 9.22652L11.7397 5.70041C12.0432 5.41856 12.5177 5.43613 12.7996 5.73966C13.0815 6.0432 13.0639 6.51775 12.7603 6.7996L8.51034 10.7996C8.22258 11.0668 7.77743 11.0668 7.48967 10.7996L3.23966 6.7996C2.93613 6.51775 2.91856 6.0432 3.20041 5.73966Z",
+      fill: "currentColor"
+    }));
+  }
+});

package/es/_internal/icons/ChevronLeft.mjs

@@ -0,0 +1,14 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ChevronLeft',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M10.3536 3.14645C10.5488 3.34171 10.5488 3.65829 10.3536 3.85355L6.20711 8L10.3536 12.1464C10.5488 12.3417 10.5488 12.6583 10.3536 12.8536C10.1583 13.0488 9.84171 13.0488 9.64645 12.8536L5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L9.64645 3.14645C9.84171 2.95118 10.1583 2.95118 10.3536 3.14645Z",
+      fill: "currentColor"
+    }));
+  }
+});

package/es/_internal/icons/ChevronRight.mjs

@@ -0,0 +1,14 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+  name: 'ChevronRight',
+  render() {
+    return h("svg", {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, h("path", {
+      d: "M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z",
+      fill: "currentColor"
+    }));
+  }
+});

package/es/_internal/icons/Clear.mjs

@@ -0,0 +1,17 @@
+import { h } from 'vue';
+import { replaceable } from "./replaceable.mjs";
+export default replaceable('clear', h("svg", {
+  viewBox: "0 0 16 16",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, h("g", {
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+}, h("g", {
+  fill: "currentColor",
+  "fill-rule": "nonzero"
+}, h("path", {
+  d: "M8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 C2,4.6862915 4.6862915,2 8,2 Z M6.5343055,5.83859116 C6.33943736,5.70359511 6.07001296,5.72288026 5.89644661,5.89644661 L5.89644661,5.89644661 L5.83859116,5.9656945 C5.70359511,6.16056264 5.72288026,6.42998704 5.89644661,6.60355339 L5.89644661,6.60355339 L7.293,8 L5.89644661,9.39644661 L5.83859116,9.4656945 C5.70359511,9.66056264 5.72288026,9.92998704 5.89644661,10.1035534 L5.89644661,10.1035534 L5.9656945,10.1614088 C6.16056264,10.2964049 6.42998704,10.2771197 6.60355339,10.1035534 L6.60355339,10.1035534 L8,8.707 L9.39644661,10.1035534 L9.4656945,10.1614088 C9.66056264,10.2964049 9.92998704,10.2771197 10.1035534,10.1035534 L10.1035534,10.1035534 L10.1614088,10.0343055 C10.2964049,9.83943736 10.2771197,9.57001296 10.1035534,9.39644661 L10.1035534,9.39644661 L8.707,8 L10.1035534,6.60355339 L10.1614088,6.5343055 C10.2964049,6.33943736 10.2771197,6.07001296 10.1035534,5.89644661 L10.1035534,5.89644661 L10.0343055,5.83859116 C9.83943736,5.70359511 9.57001296,5.72288026 9.39644661,5.89644661 L9.39644661,5.89644661 L8,7.293 L6.60355339,5.89644661 Z"
+})))));