x-next 1.3.1 → 1.4.0

package/dist/es/components/trend-chart/components/trend-chart-labels.js

@@ -1,73 +1,75 @@
-import { defineComponent as f, reactive as v, ref as x, onMounted as C, computed as c, h as n } from "vue";
-import { getComponentPrefix as Y } from "../../../_utils/config.js";
-import { trendChartLabelsProps as X } from "../props.js";
+import { defineComponent as h, computed as l, h as t } from "vue";
+import { getComponentPrefix as v } from "../../../_utils/config.js";
+import { trendChartLabelsProps as Y } from "../props.js";
 import { TrendChartAxisColor as d } from "../themes.js";
-const T = f({
-  name: Y("TrendChartLabels"),
-  props: X,
+const S = h({
+  name: v("TrendChartLabels"),
+  props: Y,
   setup(e) {
-    const l = v({
-      xLabelHeight: 0,
-      yLabelHeight: 0
-    }), u = x(null), b = x(null), L = (a) => {
+    const u = l(() => {
+      if (e.fontSize)
+        return e.fontSize;
+      const a = e.boundary.maxY - e.boundary.minY;
+      return a >= 100 ? 12 : a >= 60 ? 11 : 10;
+    }), c = l(() => e.color ?? "var(--x-color-text-secondary)"), b = l(() => ({
+      fill: c.value,
+      fontSize: `${u.value}px`
+    })), x = (a) => {
       var y;
-      const t = ((y = e.xLabels) == null ? void 0 : y.length) ?? 0, s = t > 1 ? (e.boundary.maxX - e.boundary.minX) / (t - 1) : 0, r = t > 1 ? e.boundary.minX + s * a : e.boundary.minX + (e.boundary.maxX - e.boundary.minX) / 2, i = e.boundary.maxY;
-      return { transform: `translate(${r}, ${i})` };
-    }, h = (a) => {
-      const t = e.yLabels ?? 0, s = t > 1 ? (e.boundary.maxY - e.boundary.minY) / (t - 1) : 0, r = e.boundary.minX, i = t > 1 ? e.boundary.maxY - s * a : e.boundary.minY + (e.boundary.maxY - e.boundary.minY) / 2;
-      return { transform: `translate(${r}, ${i})` };
-    }, g = (a) => {
-      const t = e.yLabels ?? 0;
-      return t <= 1 ? e.minValue : e.minValue + (e.maxValue - e.minValue) / (t - 1) * a;
-    };
-    C(() => {
-      var a, t;
-      u.value && e.xLabels && e.xLabels.length && (l.xLabelHeight = ((a = u.value.querySelector("text")) == null ? void 0 : a.getBoundingClientRect().height) || 0), b.value && e.yLabels && e.yLabels > 0 && (l.yLabelHeight = ((t = b.value.querySelector("text")) == null ? void 0 : t.getBoundingClientRect().height) || 0);
-    });
-    const m = c(() => e.xLabels && e.xLabels.length ? n(
+      const n = ((y = e.xLabels) == null ? void 0 : y.length) ?? 0, r = n > 1 ? (e.boundary.maxX - e.boundary.minX) / (n - 1) : 0, o = n > 1 ? e.boundary.minX + r * a : e.boundary.minX + (e.boundary.maxX - e.boundary.minX) / 2, s = e.boundary.maxY;
+      return { transform: `translate(${o}, ${s})` };
+    }, f = (a) => {
+      const n = e.yLabels ?? 0, r = n > 1 ? (e.boundary.maxY - e.boundary.minY) / (n - 1) : 0, o = e.boundary.minX, s = n > 1 ? e.boundary.maxY - r * a : e.boundary.minY + (e.boundary.maxY - e.boundary.minY) / 2;
+      return { transform: `translate(${o}, ${s})` };
+    }, L = (a) => {
+      const n = e.yLabels ?? 0;
+      return n <= 1 ? e.minValue : e.minValue + (e.maxValue - e.minValue) / (n - 1) * a;
+    }, m = l(() => e.xLabels && e.xLabels.length ? t(
       "g",
-      { class: "x-labels", ref: u },
+      { class: "x-labels" },
       e.xLabels.map(
-        (a, t) => n("g", { class: "label", ...L(t) }, [
-          n(
+        (a, n) => t("g", { class: "label", ...x(n) }, [
+          t(
             "text",
             {
-              dy: l.xLabelHeight + 5,
-              "text-anchor": "middle"
+              dy: u.value + 5,
+              "text-anchor": "middle",
+              style: b.value
             },
             a
           ),
-          n("line", { style: { stroke: d }, y2: 5 })
+          t("line", { style: { stroke: d }, y2: 5 })
         ])
       )
-    ) : null), o = c(() => {
+    ) : null), i = l(() => {
       if (e.yLabels && e.yLabels > 0) {
         const a = [];
-        for (let t = 0; t < e.yLabels; t++)
+        for (let n = 0; n < e.yLabels; n++)
           a.push(
-            n("g", { class: "label", ...h(t) }, [
-              n(
+            t("g", { class: "label", ...f(n) }, [
+              t(
                 "text",
                 {
                   dx: -10,
-                  dy: l.yLabelHeight / 4,
-                  "text-anchor": "end"
+                  dy: u.value / 4,
+                  "text-anchor": "end",
+                  style: b.value
                 },
-                e.yLabelsTextFormatter(g(t))
+                e.yLabelsTextFormatter(L(n))
               ),
-              n("line", { style: { stroke: d }, x1: 0, x2: -5 })
+              t("line", { style: { stroke: d }, x1: 0, x2: -5 })
             ])
           );
-        return n("g", { class: "y-labels", ref: b }, a);
+        return t("g", { class: "y-labels" }, a);
       }
       return null;
     });
     return () => {
       const a = [];
-      return m.value && a.push(m.value), o.value && a.push(o.value), n("g", a);
+      return m.value && a.push(m.value), i.value && a.push(i.value), t("g", a);
     };
   }
 });
 export {
-  T as default
+  S as default
 };

package/dist/es/components/trend-chart/helpers/getPadding.js

@@ -1,5 +1,5 @@
-const r = (a) => {
-  const t = a.split(" ").filter((o) => o !== "").map((o) => Number(o));
+const l = (o) => {
+  const t = (typeof o == "number" ? `${o}` : o).split(" ").filter((r) => r !== "").map((r) => Number(r));
   let e = {};
   switch (t.length) {
     case 4:
@@ -17,5 +17,5 @@ const r = (a) => {
   return e;
 };
 export {
-  r as default
+  l as default
 };

package/dist/es/components/trend-chart/props.js

@@ -1,56 +1,103 @@
-import { definePropType as e } from "../../_utils/vue-eco.js";
+import { definePropType as t } from "../../_utils/vue-eco.js";
 import r from "./helpers/validatePadding.js";
-const l = {
+const o = {
   // 数据集
   dataset: {
     required: !0,
-    type: e(Array),
+    type: t(Array),
     default: () => []
   },
   status: {
-    type: e(String),
+    type: t(String),
     default: void 0
   },
+  // 图表高度，数字按 px 处理，也可传 '100%' 等 CSS 值
+  height: {
+    type: [Number, String],
+    default: 60
+  },
+  // 图表宽度，数字按 px 处理
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
   // 网格属性
   grid: {
     default: null,
-    type: e(Object)
+    type: t(Object)
   },
   // 标签属性
   labels: {
     default: null,
-    type: e(Object)
+    type: t(Object)
   },
-  // 最大值，默认数据集最大值
+  // 最大值，传入后锁定数据域上界，超出部分被裁剪
   max: {
     type: Number
   },
-  // 最小值，默认数据集最小值
+  // 最小值，传入后锁定数据域下界，超出部分被裁剪
   min: {
     type: Number
   },
-  // 绘制边距
+  // 绘制边距，支持 1-4 个非负数字字符串或单个非负数字
   padding: {
     default: "5",
-    type: String,
-    validator(t) {
-      return r(t);
+    type: [String, Number],
+    validator(e) {
+      return typeof e == "number" ? Number.isFinite(e) && e >= 0 : r(e);
     }
   },
-  // 开启交互，开启后启用onmousemove事件
+  // 平滑曲线
+  smooth: {
+    default: !0,
+    type: Boolean
+  },
+  // 是否渲染描边
+  stroke: {
+    default: !0,
+    type: Boolean
+  },
+  // 是否渲染填充
+  fill: {
+    default: !0,
+    type: Boolean
+  },
+  // 数据点显示策略
+  showPoints: {
+    default: "auto",
+    type: t([Boolean, String]),
+    validator(e) {
+      return typeof e == "boolean" || e === "auto";
+    }
+  },
+  // 开启交互，开启后启用 mousemove 事件
   interactive: {
     default: !1,
     type: Boolean
   },
+  // 开启后 hover 时在激活点旁显示数值提示
+  tooltip: {
+    default: !1,
+    type: Boolean
+  },
+  // 数值提示的文本格式化
+  tooltipFormatter: {
+    default: (e) => `${e}`,
+    type: Function
+  },
+  // 无障碍名称，设置后为图表添加 role="img"
+  ariaLabel: {
+    type: String
+  },
   // 主题
   theme: {
-    type: e(Object),
+    type: t(Object),
     default: () => ({})
   }
-}, d = {
+}, l = {
   boundary: {
     required: !0,
-    type: e(Object),
+    type: t(Object),
     default: () => {
     }
   },
@@ -67,16 +114,20 @@ const l = {
     type: Number
   },
   activeLineParams: {
-    type: e(Object)
+    type: t(Object)
   },
   data: {
     required: !0,
-    type: e(Array),
+    type: t(Array),
     default: () => []
   },
   className: {
     type: String
   },
+  // 绘图区裁剪路径，避免 min/max 收窄后越界点画到图表外
+  clipPath: {
+    type: String
+  },
   // 平滑
   smooth: {
     default: !0,
@@ -91,21 +142,30 @@ const l = {
     default: !0,
     type: Boolean
   },
-  // 鼠标
+  // 数据点显示策略
   showPoints: {
-    default: !0,
+    default: "auto",
+    type: t([Boolean, String]),
+    validator(e) {
+      return typeof e == "boolean" || e === "auto";
+    }
+  },
+  // 鼠标
+  tooltip: {
+    default: !1,
     type: Boolean
   },
-  theme: {
-    type: e(Object)
+  tooltipFormatter: {
+    default: (e) => `${e}`,
+    type: Function
   },
-  mainTheme: {
-    type: e(Object)
+  theme: {
+    type: t(Object)
   }
-}, o = {
+}, i = {
   boundary: {
     required: !0,
-    type: e(Object),
+    type: t(Object),
     default: () => {
     }
   },
@@ -125,10 +185,10 @@ const l = {
     default: 0,
     type: Number
   }
-}, i = {
+}, n = {
   boundary: {
     required: !0,
-    type: e(Object),
+    type: t(Object),
     default: () => {
     }
   },
@@ -148,13 +208,21 @@ const l = {
     required: !0
   },
   yLabelsTextFormatter: {
-    default: (t) => t,
+    default: (e) => e,
     type: Function
+  },
+  // 标签字号，默认按绘图区高度自适应
+  fontSize: {
+    type: Number
+  },
+  // 标签颜色
+  color: {
+    type: String
   }
 };
 export {
-  d as trendChartCurveProps,
-  o as trendChartGridProps,
-  i as trendChartLabelsProps,
-  l as trendChartProps
+  l as trendChartCurveProps,
+  i as trendChartGridProps,
+  n as trendChartLabelsProps,
+  o as trendChartProps
 };

package/dist/es/components/trend-chart/themes.js

@@ -9,9 +9,9 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     },
     // 描边
     stroke: {
-      width: 3,
+      width: 2,
       color: o,
-      opacity: 0.8
+      opacity: 1
     },
     // 填充
     fill: {
@@ -29,13 +29,13 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: r,
     // 点
     point: {
-      width: 4,
+      width: 3,
       color: r
     },
     stroke: {
-      width: 3,
+      width: 2,
       color: r,
-      opacity: 0.8
+      opacity: 1
     },
     fill: {
       color: r,
@@ -52,11 +52,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: i,
     // 点
     point: {
-      width: 4,
+      width: 3,
       color: i
     },
     stroke: {
-      width: 3,
+      width: 2,
       color: i,
       opacity: 1
     },
@@ -75,11 +75,11 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: t,
     // 点
     point: {
-      width: 4,
+      width: 3,
       color: t
     },
     stroke: {
-      width: 3,
+      width: 2,
       color: t,
       opacity: 1
     },
@@ -94,15 +94,15 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     }
   },
   INFO: {
-    // 主题色
+    // 主题色（次要指标语义，保留中性文本色作为数据色）
     color: c,
     // 点
     point: {
-      width: 4,
+      width: 3,
       color: c
     },
     stroke: {
-      width: 3,
+      width: 2,
       color: c,
       opacity: 1
     },
@@ -121,13 +121,13 @@ const o = "var(--x-color-danger-solid)", r = "var(--x-color-strong-solid)", i =
     color: l,
     // 点
     point: {
-      width: 4,
+      width: 3,
       color: l
     },
     stroke: {
-      width: 3,
+      width: 2,
       color: l,
-      opacity: 0.9
+      opacity: 1
     },
     fill: {
       color: l,

package/dist/es/components/watermark/controller.js

@@ -1,11 +1,11 @@
 import { getClassNameMixin as lt } from "../../_utils/config.js";
-import { canvasToGray as dt, getPixelRatio as ft, styleToString as gt } from "./utils.js";
-const J = [90, 90], K = 3, mt = lt("watermark"), ut = () => typeof document > "u" ? "rgba(0, 0, 0, 0.15)" : document.documentElement.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)", pt = (l) => Array.isArray(l) ? l.filter((h) => h !== "") : l ? [l] : [], yt = (l, h = {}) => {
-  let e = h, i, c, x = !1, y = 0;
-  const u = () => {
-    i != null && i.parentNode && i.parentNode.removeChild(i), i = void 0;
-  }, Q = (a, d, r, o) => {
-    const t = r - a / 2, n = o - d / 2;
+import { canvasToGray as ft, getPixelRatio as dt, styleToString as gt } from "./utils.js";
+const q = [90, 90], J = 3, mt = lt("watermark"), ut = (i) => typeof document > "u" || typeof getComputedStyle != "function" ? "rgba(0, 0, 0, 0.15)" : getComputedStyle(i).getPropertyValue("--x-watermark-color").trim() || "rgba(0, 0, 0, 0.15)", pt = (i) => Array.isArray(i) ? i.filter((u) => u !== "") : i ? [i] : [], xt = (i, u = {}) => {
+  let e = u, c, l, y = !1, x = 0;
+  const p = () => {
+    c != null && c.parentNode && c.parentNode.removeChild(c), c = void 0;
+  }, K = (a, f, r, o) => {
+    const t = r - a / 2, n = o - f / 2;
     return {
       position: "absolute",
       inset: "0",
@@ -18,41 +18,41 @@ const J = [90, 90], K = 3, mt = lt("watermark"), ut = () => typeof document > "u
       backgroundPosition: `${t > 0 ? 0 : t}px ${n > 0 ? 0 : n}px`,
       zIndex: e.zIndex ?? 6
     };
-  }, V = (a, d, r) => {
-    x = !0, u();
+  }, Q = (a, f, r) => {
+    y = !0, p();
     const o = document.createElement("div");
     o.className = mt.element("layer"), o.setAttribute(
       "style",
       gt({
         ...r,
         backgroundImage: `url('${a}')`,
-        backgroundSize: `${d}px`
+        backgroundSize: `${f}px`
       })
-    ), l.append(o), i = o, Promise.resolve().then(() => {
-      x = !1;
+    ), i.append(o), c = o, Promise.resolve().then(() => {
+      y = !1;
     });
-  }, k = (a) => {
-    var H, G, O, X, Y, U, _, B, j, q;
+  }, v = (a) => {
+    var D, G, O, X, Y, U, _, B, V, j;
     if (typeof document > "u") return;
     a && (e = a);
-    const d = ++y, r = pt(e.content);
+    const f = ++x, r = pt(e.content);
     if (!e.image && !r.length) {
-      u();
+      p();
       return;
     }
     const o = document.createElement("canvas"), t = o.getContext("2d");
     if (!t) return;
-    const n = ft(), f = ((H = e.gap) == null ? void 0 : H[0]) ?? J[0], p = ((G = e.gap) == null ? void 0 : G[1]) ?? J[1], Z = ((O = e.offset) == null ? void 0 : O[0]) ?? f / 2, tt = ((X = e.offset) == null ? void 0 : X[1]) ?? p / 2, b = ((Y = e.font) == null ? void 0 : Y.fontSize) ?? 16, W = ((U = e.font) == null ? void 0 : U.fontWeight) ?? "normal", z = ((_ = e.font) == null ? void 0 : _.fontStyle) ?? "normal", C = ((B = e.font) == null ? void 0 : B.fontFamily) ?? "sans-serif", et = ((j = e.font) == null ? void 0 : j.textAlign) ?? "center", nt = ((q = e.font) == null ? void 0 : q.color) ?? ut(), ot = e.rotate ?? -22, rt = e.alpha ?? 1, I = e.repeat !== !1 && e.staggered !== !1, at = Q(f, p, Z, tt);
-    let M = 120, N = 64;
+    const n = dt(), d = ((D = e.gap) == null ? void 0 : D[0]) ?? q[0], h = ((G = e.gap) == null ? void 0 : G[1]) ?? q[1], Z = ((O = e.offset) == null ? void 0 : O[0]) ?? d / 2, tt = ((X = e.offset) == null ? void 0 : X[1]) ?? h / 2, $ = ((Y = e.font) == null ? void 0 : Y.fontSize) ?? 16, W = ((U = e.font) == null ? void 0 : U.fontWeight) ?? "normal", C = ((_ = e.font) == null ? void 0 : _.fontStyle) ?? "normal", P = ((B = e.font) == null ? void 0 : B.fontFamily) ?? "sans-serif", et = ((V = e.font) == null ? void 0 : V.textAlign) ?? "center", nt = ((j = e.font) == null ? void 0 : j.color) ?? ut(i), ot = e.rotate ?? -22, rt = e.alpha ?? 1, z = e.repeat !== !1 && e.staggered !== !1, at = K(d, h, Z, tt);
+    let I = 120, M = 64;
     if (!e.image && r.length && t.measureText) {
-      t.font = `${z} normal ${W} ${b}px ${C}`;
+      t.font = `${C} normal ${W} ${$}px ${P}`;
       const s = r.map((A) => t.measureText(A).width);
-      M = Math.ceil(Math.max(...s)), N = b * r.length + K * (r.length - 1);
+      I = Math.ceil(Math.max(...s)), M = $ * r.length + J * (r.length - 1);
     }
-    const v = e.width ?? M, $ = e.height ?? N, g = (f + v) * n, m = (p + $) * n, w = I ? 2 : 1, st = (f + v) * w, P = f * n / 2, R = p * n / 2, S = v * n, it = $ * n, E = g / 2, D = m / 2;
-    o.width = g * w, o.height = m * w, t.globalAlpha = rt, t.save(), t.translate(E, D), t.rotate(Math.PI / 180 * ot), t.translate(-E, -D);
-    const F = () => {
-      t.restore(), I && t.drawImage(
+    const k = e.width ?? I, b = e.height ?? M, g = (d + k) * n, m = (h + b) * n, w = z ? 2 : 1, st = (d + k) * w, N = d * n / 2, R = h * n / 2, S = k * n, it = b * n, F = g / 2, E = m / 2;
+    o.width = g * w, o.height = m * w, t.globalAlpha = rt, t.save(), t.translate(F, E), t.rotate(Math.PI / 180 * ot), t.translate(-F, -E);
+    const H = () => {
+      t.restore(), z && t.drawImage(
         o,
         0,
         0,
@@ -64,44 +64,44 @@ const J = [90, 90], K = 3, mt = lt("watermark"), ut = () => typeof document > "u
         m
       );
     }, L = () => {
-      e.grayscale && dt(o), V(o.toDataURL(), st, at);
+      e.grayscale && ft(o), Q(o.toDataURL(), st, at);
     };
     if (e.image) {
       const s = new Image();
       s.onload = () => {
-        d === y && (t.drawImage(s, P, R, S, it), F(), L());
+        f === x && (t.drawImage(s, N, R, S, it), H(), L());
       }, s.onerror = () => {
-        d === y && u();
+        f === x && p();
       }, s.crossOrigin = "anonymous", s.referrerPolicy = "no-referrer", s.src = e.image;
     } else {
-      const s = b * n;
-      t.font = `${z} normal ${W} ${s}px/${$ * n}px ${C}`, t.fillStyle = nt, t.textAlign = et, t.textBaseline = "top", t.translate(S / 2, 0), r.forEach((A, ct) => {
-        t.fillText(A, P, R + ct * (s + K * n));
-      }), t.translate(-S / 2, 0), F(), L();
+      const s = $ * n;
+      t.font = `${C} normal ${W} ${s}px/${b * n}px ${P}`, t.fillStyle = nt, t.textAlign = et, t.textBaseline = "top", t.translate(S / 2, 0), r.forEach((A, ct) => {
+        t.fillText(A, N, R + ct * (s + J * n));
+      }), t.translate(-S / 2, 0), H(), L();
     }
   }, T = () => {
-    typeof MutationObserver > "u" || (c == null || c.disconnect(), c = new MutationObserver((a) => {
-      if (e.antiTamper === !1 || x) return;
+    typeof MutationObserver > "u" || (l == null || l.disconnect(), l = new MutationObserver((a) => {
+      if (e.antiTamper === !1 || y) return;
       a.some((r) => {
-        const o = Array.from(r.removedNodes).some((n) => n === i), t = r.type === "attributes" && r.target === i;
+        const o = Array.from(r.removedNodes).some((n) => n === c), t = r.type === "attributes" && r.target === c;
         return o || t;
-      }) && k();
-    }), c.observe(l, {
+      }) && v();
+    }), l.observe(i, {
       attributes: !0,
       childList: !0,
       subtree: !0
     }));
   };
   return T(), {
-    render: k,
+    render: v,
     update(a) {
-      a && (e = a), k(), T();
+      a && (e = a), v(), T();
     },
     destroy() {
-      c == null || c.disconnect(), c = void 0, u();
+      l == null || l.disconnect(), l = void 0, p();
     }
   };
 };
 export {
-  yt as createWatermarkController
+  xt as createWatermarkController
 };

package/dist/es/icons/default/calendar.js

@@ -0,0 +1,15 @@
+import { h as o, createVNode as e } from "vue";
+import { generateIcon as t } from "../icon.js";
+const a = t("Calendar", o(e("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt"
+}, [e("path", {
+  d: "M7 22H41M14 5V13M34 5V13M8 41H40C40.5523 41 41 40.5523 41 40V10C41 9.44772 40.5523 9 40 9H8C7.44772 9 7 9.44772 7 10V40C7 40.5523 7.44772 41 8 41Z"
+}, null)])));
+export {
+  a as default
+};

package/dist/es/icons/default/clock-circle.js

@@ -0,0 +1,15 @@
+import { h as e, createVNode as o } from "vue";
+import { generateIcon as t } from "../icon.js";
+const n = t("ClockCircle", e(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt"
+}, [o("path", {
+  d: "M24 14V24H33.5M42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24Z"
+}, null)])));
+export {
+  n as default
+};

package/dist/es/icons/default/double-left.js

@@ -0,0 +1,15 @@
+import { h as o, createVNode as e } from "vue";
+import { generateIcon as t } from "../icon.js";
+const n = t("DoubleLeft", o(e("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt"
+}, [e("path", {
+  d: "M36.8574 9.8999L22.7153 24.042L36.8574 38.1842M25.5437 9.8999L11.4016 24.042L25.5437 38.1842"
+}, null)])));
+export {
+  n as default
+};

package/dist/es/icons/default/double-right.js

@@ -0,0 +1,15 @@
+import { h as t, createVNode as o } from "vue";
+import { generateIcon as e } from "../icon.js";
+const n = e("DoubleRight", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt"
+}, [o("path", {
+  d: "M11.1426 38.1001L25.2847 23.958L11.1426 9.81583M22.4563 38.1001L36.5984 23.958L22.4563 9.81583"
+}, null)])));
+export {
+  n as default
+};

package/dist/es/icons/default/down.js

@@ -0,0 +1,16 @@
+import { h as t, createVNode as o } from "vue";
+import { generateIcon as e } from "../icon.js";
+const i = e("Down", t(o("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter"
+}, [o("path", {
+  d: "M39.5996 17.4434L24.0433 32.9997C24.0433 32.9997 13.1813 22.1378 8.48691 17.4434"
+}, null)])));
+export {
+  i as default
+};