x-next 1.7.0 → 1.8.1

package/dist/components/trend-chart/components/TrendChart.d.ts

@@ -17,14 +17,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<number | string>;
         default: string;
     };
-    grid: {
-        default: null;
-        type: import('vue').PropType<import('../props').Grid>;
-    };
-    labels: {
-        default: null;
-        type: import('vue').PropType<import('../props').Labels>;
-    };
     max: {
         type: NumberConstructor;
     };
@@ -68,6 +60,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ariaLabel: {
         type: StringConstructor;
     };
+    grid: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
     theme: {
         type: import('vue').PropType<Theme>;
         default: () => {};
@@ -95,14 +95,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<number | string>;
         default: string;
     };
-    grid: {
-        default: null;
-        type: import('vue').PropType<import('../props').Grid>;
-    };
-    labels: {
-        default: null;
-        type: import('vue').PropType<import('../props').Labels>;
-    };
     max: {
         type: NumberConstructor;
     };
@@ -146,6 +138,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     ariaLabel: {
         type: StringConstructor;
     };
+    grid: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
     theme: {
         type: import('vue').PropType<Theme>;
         default: () => {};
@@ -160,95 +160,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     status: import('../props').TrendChartStatus;
     height: string | number;
     width: string | number;
-    grid: import('../props').Grid;
+    grid: Record<string, unknown> | null;
     padding: string | number;
     stroke: boolean;
     smooth: boolean;
     tooltip: boolean;
     dataset: import('../props').DataSet;
+    labels: Record<string, unknown> | null;
     theme: Theme;
-    interactive: boolean;
     showPoints: import('../props').ShowPoints;
+    interactive: boolean;
     tooltipFormatter: (value: number) => string;
-    labels: import('../props').Labels;
 }, {}, {
-    TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('../props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>> & Readonly<{}>, {
-        boundary: import('../props').Boundary;
-        verticalLines: boolean;
-        verticalLinesNumber: number;
-        horizontalLines: boolean;
-        horizontalLinesNumber: number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    TrendChartLabels: import('vue').DefineComponent<{
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-        color?: import('../../../_props/css.ts').CSSColor | undefined;
-        fontSize?: number | undefined;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-        color?: import('../../../_props/css.ts').CSSColor | undefined;
-        fontSize?: number | undefined;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }> & Readonly<{}>, {
-        boundary: import('../props').Boundary;
-        yLabelsTextFormatter: Function;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundary: {
             required: boolean;

package/dist/components/trend-chart/index.d.ts

@@ -17,14 +17,6 @@ export declare const TrendChart: {
             type: import('vue').PropType<number | string>;
             default: string;
         };
-        grid: {
-            default: null;
-            type: import('vue').PropType<import('./props').Grid>;
-        };
-        labels: {
-            default: null;
-            type: import('vue').PropType<import('./props').Labels>;
-        };
         max: {
             type: NumberConstructor;
         };
@@ -68,6 +60,14 @@ export declare const TrendChart: {
         ariaLabel: {
             type: StringConstructor;
         };
+        grid: {
+            default: null;
+            type: import('vue').PropType<Record<string, unknown> | null>;
+        };
+        labels: {
+            default: null;
+            type: import('vue').PropType<Record<string, unknown> | null>;
+        };
         theme: {
             type: import('vue').PropType<import('./props').Theme>;
             default: () => {};
@@ -87,95 +87,18 @@ export declare const TrendChart: {
         status: import('./props').TrendChartStatus;
         height: string | number;
         width: string | number;
-        grid: import('./props').Grid;
+        grid: Record<string, unknown> | null;
         padding: string | number;
         stroke: boolean;
         smooth: boolean;
         tooltip: boolean;
         dataset: import('./props').DataSet;
+        labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
-        interactive: boolean;
         showPoints: import('./props').ShowPoints;
+        interactive: boolean;
         tooltipFormatter: (value: number) => string;
-        labels: import('./props').Labels;
     }, true, {}, {}, {
-        TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            boundary: {
-                required: boolean;
-                type: import('vue').PropType<import('./props').Boundary>;
-                default: () => void;
-            };
-            verticalLines: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            verticalLinesNumber: {
-                default: number;
-                type: NumberConstructor;
-            };
-            horizontalLines: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            horizontalLinesNumber: {
-                default: number;
-                type: NumberConstructor;
-            };
-        }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            boundary: {
-                required: boolean;
-                type: import('vue').PropType<import('./props').Boundary>;
-                default: () => void;
-            };
-            verticalLines: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            verticalLinesNumber: {
-                default: number;
-                type: NumberConstructor;
-            };
-            horizontalLines: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            horizontalLinesNumber: {
-                default: number;
-                type: NumberConstructor;
-            };
-        }>> & Readonly<{}>, {
-            boundary: import('./props').Boundary;
-            verticalLines: boolean;
-            verticalLinesNumber: number;
-            horizontalLines: boolean;
-            horizontalLinesNumber: number;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        TrendChartLabels: import('vue').DefineComponent<{
-            boundary: import('./props').Boundary;
-            yLabelsTextFormatter: Function;
-            color?: import('../../_props/css').CSSColor | undefined;
-            fontSize?: number | undefined;
-            minValue?: number | undefined;
-            maxValue?: number | undefined;
-            xLabels?: unknown[] | undefined;
-            yLabels?: number | undefined;
-        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-            boundary: import('./props').Boundary;
-            yLabelsTextFormatter: Function;
-            color?: import('../../_props/css').CSSColor | undefined;
-            fontSize?: number | undefined;
-            minValue?: number | undefined;
-            maxValue?: number | undefined;
-            xLabels?: unknown[] | undefined;
-            yLabels?: number | undefined;
-        }> & Readonly<{}>, {
-            boundary: import('./props').Boundary;
-            yLabelsTextFormatter: Function;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             boundary: {
                 required: boolean;
@@ -335,14 +258,6 @@ export declare const TrendChart: {
             type: import('vue').PropType<number | string>;
             default: string;
         };
-        grid: {
-            default: null;
-            type: import('vue').PropType<import('./props').Grid>;
-        };
-        labels: {
-            default: null;
-            type: import('vue').PropType<import('./props').Labels>;
-        };
         max: {
             type: NumberConstructor;
         };
@@ -386,6 +301,14 @@ export declare const TrendChart: {
         ariaLabel: {
             type: StringConstructor;
         };
+        grid: {
+            default: null;
+            type: import('vue').PropType<Record<string, unknown> | null>;
+        };
+        labels: {
+            default: null;
+            type: import('vue').PropType<Record<string, unknown> | null>;
+        };
         theme: {
             type: import('vue').PropType<import('./props').Theme>;
             default: () => {};
@@ -400,17 +323,17 @@ export declare const TrendChart: {
         status: import('./props').TrendChartStatus;
         height: string | number;
         width: string | number;
-        grid: import('./props').Grid;
+        grid: Record<string, unknown> | null;
         padding: string | number;
         stroke: boolean;
         smooth: boolean;
         tooltip: boolean;
         dataset: import('./props').DataSet;
+        labels: Record<string, unknown> | null;
         theme: import('./props').Theme;
-        interactive: boolean;
         showPoints: import('./props').ShowPoints;
+        interactive: boolean;
         tooltipFormatter: (value: number) => string;
-        labels: import('./props').Labels;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -433,14 +356,6 @@ export declare const TrendChart: {
         type: import('vue').PropType<number | string>;
         default: string;
     };
-    grid: {
-        default: null;
-        type: import('vue').PropType<import('./props').Grid>;
-    };
-    labels: {
-        default: null;
-        type: import('vue').PropType<import('./props').Labels>;
-    };
     max: {
         type: NumberConstructor;
     };
@@ -484,6 +399,14 @@ export declare const TrendChart: {
     ariaLabel: {
         type: StringConstructor;
     };
+    grid: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<Record<string, unknown> | null>;
+    };
     theme: {
         type: import('vue').PropType<import('./props').Theme>;
         default: () => {};
@@ -503,95 +426,18 @@ export declare const TrendChart: {
     status: import('./props').TrendChartStatus;
     height: string | number;
     width: string | number;
-    grid: import('./props').Grid;
+    grid: Record<string, unknown> | null;
     padding: string | number;
     stroke: boolean;
     smooth: boolean;
     tooltip: boolean;
     dataset: import('./props').DataSet;
+    labels: Record<string, unknown> | null;
     theme: import('./props').Theme;
-    interactive: boolean;
     showPoints: import('./props').ShowPoints;
+    interactive: boolean;
     tooltipFormatter: (value: number) => string;
-    labels: import('./props').Labels;
 }, {}, string, {}, {
-    TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('./props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        boundary: {
-            required: boolean;
-            type: import('vue').PropType<import('./props').Boundary>;
-            default: () => void;
-        };
-        verticalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        verticalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-        horizontalLines: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        horizontalLinesNumber: {
-            default: number;
-            type: NumberConstructor;
-        };
-    }>> & Readonly<{}>, {
-        boundary: import('./props').Boundary;
-        verticalLines: boolean;
-        verticalLinesNumber: number;
-        horizontalLines: boolean;
-        horizontalLinesNumber: number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    TrendChartLabels: import('vue').DefineComponent<{
-        boundary: import('./props').Boundary;
-        yLabelsTextFormatter: Function;
-        color?: import('../../_props/css').CSSColor | undefined;
-        fontSize?: number | undefined;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        boundary: import('./props').Boundary;
-        yLabelsTextFormatter: Function;
-        color?: import('../../_props/css').CSSColor | undefined;
-        fontSize?: number | undefined;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
-        xLabels?: unknown[] | undefined;
-        yLabels?: number | undefined;
-    }> & Readonly<{}>, {
-        boundary: import('./props').Boundary;
-        yLabelsTextFormatter: Function;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         boundary: {
             required: boolean;

package/dist/components/trend-chart/props.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, PropType } from 'vue';
+import { PropType } from 'vue';
 import { CSSColor } from '../../_props/css';
 export type TrendChartStatus = 'primary' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
 export type Padding = {
@@ -24,19 +24,6 @@ export type Boundary = {
 };
 export type DataSetTheme = {};
 export type DataSet = number[];
-export type Grid = {
-    verticalLines?: boolean;
-    verticalLinesNumber?: number;
-    horizontalLines?: boolean;
-    horizontalLinesNumber?: number;
-};
-export type Labels = {
-    xLabels: string[];
-    yLabels: number;
-    yLabelsTextFormatter: (value: number) => string;
-    fontSize?: number;
-    color?: CSSColor;
-};
 /** 数据点显示策略：true 常显，false 不显示，auto 时数据点少时常显、超过两个时仅高亮当前点 */
 export type ShowPoints = boolean | 'auto';
 /** 填充类型：gradient 由描边色向透明渐变，solid 为统一透明度纯色 */
@@ -84,14 +71,6 @@ export declare const trendChartProps: {
         type: PropType<number | string>;
         default: string;
     };
-    grid: {
-        default: null;
-        type: PropType<Grid>;
-    };
-    labels: {
-        default: null;
-        type: PropType<Labels>;
-    };
     max: {
         type: NumberConstructor;
     };
@@ -135,6 +114,14 @@ export declare const trendChartProps: {
     ariaLabel: {
         type: StringConstructor;
     };
+    grid: {
+        default: null;
+        type: PropType<Record<string, unknown> | null>;
+    };
+    labels: {
+        default: null;
+        type: PropType<Record<string, unknown> | null>;
+    };
     theme: {
         type: PropType<Theme>;
         default: () => {};
@@ -203,59 +190,3 @@ export declare const trendChartCurveProps: {
         type: PropType<CurveTheme>;
     };
 };
-export declare const trendChartGridProps: {
-    boundary: {
-        required: boolean;
-        type: PropType<Boundary>;
-        default: () => void;
-    };
-    verticalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    verticalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-    horizontalLines: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    horizontalLinesNumber: {
-        default: number;
-        type: NumberConstructor;
-    };
-};
-export declare const trendChartLabelsProps: {
-    boundary: {
-        required: boolean;
-        type: PropType<Boundary>;
-        default: () => void;
-    };
-    minValue: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    maxValue: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    xLabels: {
-        type: ArrayConstructor;
-    };
-    yLabels: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    yLabelsTextFormatter: {
-        default: (value: any) => any;
-        type: FunctionConstructor;
-    };
-    fontSize: {
-        type: NumberConstructor;
-    };
-    color: {
-        type: PropType<CSSColor>;
-    };
-};
-export type TrendChartLabelsProps = ExtractPropTypes<typeof trendChartLabelsProps>;

package/dist/components/trend-chart/themes.d.ts

@@ -1,5 +1,4 @@
 /** 网格与坐标轴辅助线颜色 */
-export declare const TrendChartAxisColor = "var(--x-color-border-subtle)";
 export declare const TrendChartTheme: {
     DANGER: {
         color: string;

package/dist/es/_hooks/use-chart-size.js

@@ -0,0 +1,25 @@
+import { reactive as a, onMounted as l, nextTick as d, onUnmounted as v, watch as h } from "vue";
+const z = ({
+  elementRef: t,
+  width: i,
+  height: o
+}) => {
+  const r = a({ width: 0, height: 0 }), e = () => {
+    const u = t.value;
+    if (!u) return;
+    const c = u.getBoundingClientRect();
+    r.width = Math.max(0, typeof i() == "number" ? i() : c.width), r.height = Math.max(0, typeof o() == "number" ? o() : c.height);
+  };
+  let n = null;
+  const s = () => e();
+  return l(() => {
+    e(), d(e), typeof ResizeObserver < "u" && t.value && (n = new ResizeObserver(() => e()), n.observe(t.value)), window.addEventListener("resize", s);
+  }), v(() => {
+    n == null || n.disconnect(), n = null, window.removeEventListener("resize", s);
+  }), h([i, o], () => {
+    d(e);
+  }), { size: r, setSize: e };
+};
+export {
+  z as useChartSize
+};

package/dist/es/_styles/palette-aliases.js

@@ -8,6 +8,7 @@ const r = {
     "--x-button-color-bg-primary-subtle-hover": "var(--x-color-primary-subtle-hover)",
     "--x-button-color-border-primary": "var(--x-color-primary-solid)",
     "--x-button-color-text-primary": "var(--x-color-primary-button-text)",
+    "--x-chart-color-series-1": "var(--x-color-primary-solid)",
     "--x-checkbox-mask-color-bg_checked": "var(--x-color-primary-6)",
     "--x-checkbox-mask-color-bg_checked_disabled": "var(--x-color-primary-light-3)",
     "--x-color-border-focus": "var(--x-color-primary-6)",
@@ -114,6 +115,7 @@ const r = {
     "--x-button-color-bg-success-subtle-hover": "var(--x-color-success-subtle-hover)",
     "--x-button-color-border-success": "var(--x-color-success-solid)",
     "--x-button-color-text-success": "var(--x-color-success-button-text)",
+    "--x-chart-color-series-2": "var(--x-color-success-solid)",
     "--x-color-success-button-text": "var(--x-color-success-text)",
     "--x-color-success-light-1": "var(--x-color-success-1)",
     "--x-color-success-solid": "var(--x-color-success-6)",
@@ -146,6 +148,7 @@ const r = {
     "--x-button-color-bg-danger-subtle-hover": "var(--x-color-danger-subtle-hover)",
     "--x-button-color-border-danger": "var(--x-color-danger-solid)",
     "--x-button-color-text-danger": "var(--x-color-danger-button-text)",
+    "--x-chart-color-series-4": "var(--x-color-danger-solid)",
     "--x-color-danger-button-text": "var(--x-color-danger-text)",
     "--x-color-danger-light-1": "var(--x-color-danger-1)",
     "--x-color-danger-light-2": "var(--x-color-danger-2)",
@@ -196,6 +199,7 @@ const r = {
     "--x-button-color-bg-strong-subtle-hover": "var(--x-color-strong-subtle-hover)",
     "--x-button-color-border-strong": "var(--x-color-strong-solid)",
     "--x-button-color-text-strong": "var(--x-color-strong-button-text)",
+    "--x-chart-color-series-3": "var(--x-color-strong-solid)",
     "--x-color-strong-button-text": "var(--x-color-strong-text)",
     "--x-color-strong-solid": "var(--x-color-strong-6)",
     "--x-color-strong-solid-active": "color-mix(in srgb, var(--x-color-strong-solid) 90%, var(--x-color-constant-dark))",
@@ -220,6 +224,7 @@ const r = {
     "--x-button-color-bg-warning-subtle-hover": "var(--x-color-warning-subtle-hover)",
     "--x-button-color-border-warning": "var(--x-color-warning-solid)",
     "--x-button-color-text-warning": "var(--x-color-warning-button-text)",
+    "--x-chart-color-series-5": "var(--x-color-warning-solid)",
     "--x-color-warning-button-text": "var(--x-color-warning-text)",
     "--x-color-warning-light-1": "var(--x-color-warning-1)",
     "--x-color-warning-solid": "var(--x-color-warning-6)",

package/dist/es/_utils/chart/padding.js

@@ -0,0 +1,22 @@
+const o = (e) => {
+  const t = (typeof e == "number" ? `${e}` : e).split(" ").filter((r) => r !== "").map((r) => Number(r));
+  switch (t.length) {
+    case 4:
+      return { top: t[0], right: t[1], bottom: t[2], left: t[3] };
+    case 3:
+      return { top: t[0], right: t[1], bottom: t[2], left: t[1] };
+    case 2:
+      return { top: t[0], right: t[1], bottom: t[0], left: t[1] };
+    default:
+      return { top: t[0], right: t[0], bottom: t[0], left: t[0] };
+  }
+}, n = (e) => {
+  if (typeof e == "number")
+    return Number.isFinite(e) && e >= 0;
+  const t = e.split(" ").filter((r) => r !== "");
+  return t.length < 1 || t.length > 4 ? !1 : t.every((r) => /^\d+(\.\d+)?$/.test(r));
+};
+export {
+  o as getPadding,
+  n as validatePadding
+};