vlite3 1.1.6 → 1.1.8

package/README.md

@@ -470,6 +470,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **CommandPalette**
 - [x] **SidePanel**
 - [x] **Splitter**
+- [x] **Skeleton**
 
 ### Utilities & Tools
 

package/components/Chart/GaugeChart.vue.d.ts

@@ -0,0 +1,120 @@
+export type GaugeVariant = 'arc' | 'ticks' | 'slim' | 'ball';
+export type GaugeLineCap = 'round' | 'butt' | 'square';
+export interface GaugeZone {
+    /** Start of zone (absolute value, not percent) */
+    from: number;
+    /** End of zone (absolute value, not percent) */
+    to: number;
+    /** CSS color for this zone */
+    color: string;
+}
+export interface GaugeChartProps {
+    /** Current value */
+    value: number;
+    /** Minimum value on the scale */
+    min?: number;
+    /** Maximum value on the scale */
+    max?: number;
+    /**
+     * arc  — Thick gradient arc (speedometer style)
+     * ticks — Segmented radial dash ring
+     * slim  — Thin minimal arc
+     * ball  — Arc with a glowing orb at the progress tip
+     */
+    variant?: GaugeVariant;
+    /** SVG bounding diameter in px */
+    size?: number;
+    /** Stroke width for the arc */
+    strokeWidth?: number;
+    /** Opening gap at the bottom of the gauge, in degrees (default 60) */
+    gapAngle?: number;
+    /** Semantic color name ('primary', 'success', etc.) or any CSS color */
+    color?: string;
+    /** Background track color */
+    trackColor?: string;
+    /** Apply a gradient to the progress arc */
+    gradient?: boolean;
+    /** Total number of tick marks (ticks variant) */
+    tickCount?: number;
+    /** Gap between tick marks in degrees (ticks variant) */
+    tickGap?: number;
+    /** Thickness of each individual tick mark in px */
+    tickWidth?: number;
+    /** Radius of the glowing orb at the arc tip. Defaults to strokeWidth * 0.65 */
+    ballRadius?: number;
+    /** Show the current value in the center */
+    showValue?: boolean;
+    /** Custom formatter — receives (value, pct) */
+    formatValue?: (v: number, pct: number) => string;
+    /** Primary label below the value */
+    label?: string;
+    /** Secondary sublabel */
+    sublabel?: string;
+    /** Show a pointer needle (arc and slim variants) */
+    showNeedle?: boolean;
+    /** CSS color for the needle */
+    needleColor?: string;
+    /** Color zones rendered as arc segments beneath the progress arc */
+    zones?: GaugeZone[];
+    /** Cap style for the progress arc */
+    lineCap?: GaugeLineCap;
+    /** Play an entry animation on mount and value change */
+    animate?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+        footer?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GaugeChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GaugeChartProps> & Readonly<{}>, {
+    animate: boolean;
+    color: string;
+    strokeWidth: number;
+    variant: GaugeVariant;
+    size: number;
+    gradient: boolean;
+    min: number;
+    max: number;
+    showValue: boolean;
+    lineCap: GaugeLineCap;
+    gapAngle: number;
+    tickCount: number;
+    tickGap: number;
+    tickWidth: number;
+    showNeedle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Chart/PieChart.vue.d.ts

@@ -1,5 +1,5 @@
 import { ChartDataPoint } from './types';
-export type PieLabelMode = 'percent' | 'value' | 'label' | 'none';
+export type PieLabelMode = 'percent' | 'value' | 'label' | 'none' | 'outside';
 export type LegendPosition = 'right' | 'bottom';
 export interface PieChartProps {
     data: ChartDataPoint[];

package/components/Chart/index.d.ts

@@ -2,4 +2,5 @@ export { default as LineChart } from './LineChart.vue';
 export { default as BarChart } from './BarChart.vue';
 export { default as PieChart } from './PieChart.vue';
 export { default as CircleChart } from './CircleChart.vue';
-export type { ChartDataPoint, ChartDataset, LineChartProps, BarChartProps, PieChartProps, CircleChartProps, } from './types';
+export { default as GaugeChart } from './GaugeChart.vue';
+export type { ChartDataPoint, ChartDataset, LineChartProps, BarChartProps, PieChartProps, CircleChartProps, GaugeChartProps, GaugeVariant, GaugeZone, } from './types';

package/components/Chart/types.d.ts

@@ -74,7 +74,7 @@ export interface BarChartProps {
     /** Custom value formatter */
     formatValue?: (v: number) => string;
 }
-export type PieLabelMode = 'percent' | 'value' | 'label' | 'none';
+export type PieLabelMode = 'percent' | 'value' | 'label' | 'none' | 'outside';
 export type LegendPosition = 'right' | 'bottom';
 export interface PieChartProps {
     /** Chart data */
@@ -133,3 +133,62 @@ export interface CircleChartProps {
     /** Stroke cap style */
     lineCap?: StrokeLineCap;
 }
+/** Visual rendering mode for GaugeChart */
+export type GaugeVariant = 'arc' | 'ticks' | 'slim' | 'ball';
+/** A colored zone segment on the gauge arc */
+export interface GaugeZone {
+    /** Start of zone (absolute value, not percent) */
+    from: number;
+    /** End of zone (absolute value, not percent) */
+    to: number;
+    /** CSS color for this zone */
+    color: string;
+}
+export interface GaugeChartProps {
+    /** Current value */
+    value: number;
+    /** Minimum value on the scale */
+    min?: number;
+    /** Maximum value on the scale */
+    max?: number;
+    /** arc: thick gradient arc. ticks: segmented dash ring. slim: thin minimal arc. */
+    variant?: GaugeVariant;
+    /** SVG bounding diameter in px */
+    size?: number;
+    /** Stroke width for the arc (arc & slim variants) */
+    strokeWidth?: number;
+    /** Opening gap at the bottom of the gauge, in degrees (default 60) */
+    gapAngle?: number;
+    /** Semantic color name ('primary', 'success', etc.) or any CSS color */
+    color?: ChartColor;
+    /** Background track color */
+    trackColor?: string;
+    /** Apply a gradient to the progress arc */
+    gradient?: boolean;
+    /** Total number of tick marks (ticks variant) */
+    tickCount?: number;
+    /** Gap between tick marks in degrees (ticks variant) */
+    tickGap?: number;
+    /** Thickness of each individual tick mark in px */
+    tickWidth?: number;
+    /** Radius of the glowing orb at the arc tip. Defaults to strokeWidth * 0.65 */
+    ballRadius?: number;
+    /** Show the current value in the center */
+    showValue?: boolean;
+    /** Custom formatter — receives (value, pct) */
+    formatValue?: (v: number, pct: number) => string;
+    /** Primary label below the value */
+    label?: string;
+    /** Secondary sublabel */
+    sublabel?: string;
+    /** Show a pointer needle (arc and slim variants) */
+    showNeedle?: boolean;
+    /** CSS color for the needle */
+    needleColor?: string;
+    /** Color zones rendered as arc segments beneath the progress arc */
+    zones?: GaugeZone[];
+    /** Cap style for the progress arc */
+    lineCap?: StrokeLineCap;
+    /** Play an entry animation on mount and value change */
+    animate?: boolean;
+}

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/DataTable/DataTable.vue.d.ts

@@ -41,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     hideSelectable: boolean;
     selectedRows: any[];
     showPagination: boolean;
+    cellBordered: boolean;
     keyField: string;
     hoverable: boolean;
     bordered: boolean;