vlite3 1.1.4 → 1.1.5

package/README.md

@@ -406,6 +406,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **ThemeToggle**
 - [x] **Screen**
 - [x] **ChatInterface**
+- [x] **CommentThread**
 
 ### Inputs & Forms
 
@@ -430,6 +431,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **CustomFields**
 - [x] **GoogleLogin**
 - [x] **PermissionEditor**
+- [x] **RichTextEditor**
 
 ### Data Display
 
@@ -451,6 +453,8 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **Price**
 - [x] **Date**
 - [x] **Invoice**
+- [x] **Footer**
+- [x] **Charts**
 
 ### Feedback & Overlays
 
@@ -465,6 +469,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **Spinner**
 - [x] **CommandPalette**
 - [x] **SidePanel**
+- [x] **Splitter**
 
 ### Utilities & Tools
 

package/components/CategoryManager/CategoryManager.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import me from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

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

@@ -0,0 +1,48 @@
+import { ChartDataPoint, ChartDataset } from './types';
+export interface BarChartProps {
+    data?: ChartDataPoint[];
+    datasets?: ChartDataset[];
+    labels?: string[];
+    height?: number;
+    orientation?: 'vertical' | 'horizontal';
+    barRadius?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showValues?: boolean;
+    colors?: string[];
+    animate?: boolean;
+    formatValue?: (v: number) => string;
+    /** Show the bottom X-axis border line */
+    showXAxis?: boolean;
+    /** Show the left Y-axis border line */
+    showYAxis?: boolean;
+    /** Show X-axis tick labels */
+    showXLabels?: boolean;
+    /** Show Y-axis tick labels */
+    showYLabels?: boolean;
+    /** Opacity of gridlines (0–1) */
+    gridOpacity?: number;
+    /** Opacity of axis border lines (0–1) */
+    axisOpacity?: number;
+}
+declare const _default: import('vue').DefineComponent<BarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
+    animate: boolean;
+    height: number;
+    orientation: "vertical" | "horizontal";
+    colors: string[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    showGrid: boolean;
+    showXAxis: boolean;
+    showYAxis: boolean;
+    showXLabels: boolean;
+    showYLabels: boolean;
+    gridOpacity: number;
+    axisOpacity: number;
+    barRadius: number;
+    showValues: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,47 @@
+export type StrokeLineCap = 'round' | 'square' | 'butt';
+export type ChartColor = string;
+export interface CircleChartProps {
+    value: number;
+    max?: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: ChartColor;
+    gradient?: boolean;
+    label?: string;
+    sublabel?: string;
+    showValue?: boolean;
+    formatValue?: (v: number, pct: number) => string;
+    animate?: boolean;
+    trackColor?: string;
+    lineCap?: StrokeLineCap;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {
+            value: number;
+            percentage: number;
+            displayValue: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CircleChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CircleChartProps> & Readonly<{}>, {
+    animate: boolean;
+    color: ChartColor;
+    strokeWidth: number;
+    size: number;
+    gradient: boolean;
+    max: number;
+    showValue: boolean;
+    lineCap: StrokeLineCap;
+}, {}, {}, {}, 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/LineChart.vue.d.ts

@@ -0,0 +1,55 @@
+import { ChartDataPoint, ChartDataset } from './types';
+export interface LineChartProps {
+    data?: ChartDataPoint[];
+    datasets?: ChartDataset[];
+    labels?: string[];
+    height?: number;
+    smooth?: boolean;
+    fill?: boolean;
+    showDots?: boolean;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    colors?: string[];
+    animate?: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    formatValue?: (v: number) => string;
+    yMin?: number;
+    yMax?: number;
+    /** Show the bottom X-axis border line */
+    showXAxis?: boolean;
+    /** Show the left Y-axis border line */
+    showYAxis?: boolean;
+    /** Show X-axis tick labels */
+    showXLabels?: boolean;
+    /** Show Y-axis tick labels */
+    showYLabels?: boolean;
+    /** Opacity of gridlines (0–1) */
+    gridOpacity?: number;
+    /** Opacity of axis border lines (0–1) */
+    axisOpacity?: number;
+    /** Stroke width of the chart lines */
+    lineWidth?: number;
+}
+declare const _default: import('vue').DefineComponent<LineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LineChartProps> & Readonly<{}>, {
+    fill: boolean;
+    animate: boolean;
+    height: number;
+    colors: string[];
+    smooth: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    showDots: boolean;
+    showGrid: boolean;
+    showXAxis: boolean;
+    showYAxis: boolean;
+    showXLabels: boolean;
+    showYLabels: boolean;
+    gridOpacity: number;
+    axisOpacity: number;
+    lineWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,49 @@
+import { ChartDataPoint } from './types';
+export type PieLabelMode = 'percent' | 'value' | 'label' | 'none';
+export type LegendPosition = 'right' | 'bottom';
+export interface PieChartProps {
+    data: ChartDataPoint[];
+    donut?: boolean;
+    innerRadius?: number;
+    size?: number;
+    startAngle?: number;
+    showLegend?: boolean;
+    legendPosition?: LegendPosition;
+    labelMode?: PieLabelMode;
+    colors?: string[];
+    animate?: boolean;
+    showTooltip?: boolean;
+    centerLabel?: string;
+    centerValue?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {
+            total: number;
+            data: ChartDataPoint[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PieChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PieChartProps> & Readonly<{}>, {
+    animate: boolean;
+    size: number;
+    colors: string[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    donut: boolean;
+    innerRadius: number;
+    startAngle: number;
+    legendPosition: LegendPosition;
+    labelMode: PieLabelMode;
+}, {}, {}, {}, 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/index.d.ts

@@ -0,0 +1,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';

package/components/Chart/types.d.ts

@@ -0,0 +1,135 @@
+export type ChartColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'purple' | 'teal' | 'orange' | 'pink' | 'cyan' | string;
+export interface ChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+    [key: string]: any;
+}
+export interface ChartDataset {
+    label: string;
+    data: number[];
+    color?: string;
+}
+export interface LineChartProps {
+    /** Single-series data points */
+    data?: ChartDataPoint[];
+    /** Multi-series datasets (overrides data) */
+    datasets?: ChartDataset[];
+    /** X-axis labels when using datasets */
+    labels?: string[];
+    /** Chart height in px */
+    height?: number;
+    /** Smooth bezier vs straight lines */
+    smooth?: boolean;
+    /** Fill area under line */
+    fill?: boolean;
+    /** Show data point dots */
+    showDots?: boolean;
+    /** Show background gridlines */
+    showGrid?: boolean;
+    /** Show legend (multi-series) */
+    showLegend?: boolean;
+    /** Enable hover tooltip */
+    showTooltip?: boolean;
+    /** Custom color palette */
+    colors?: string[];
+    /** Entry animation */
+    animate?: boolean;
+    /** X-axis label */
+    xLabel?: string;
+    /** Y-axis label */
+    yLabel?: string;
+    /** Custom value formatter */
+    formatValue?: (v: number) => string;
+    /** Y-axis min override */
+    yMin?: number;
+    /** Y-axis max override */
+    yMax?: number;
+}
+export interface BarChartProps {
+    /** Single-series data points */
+    data?: ChartDataPoint[];
+    /** Multi-series datasets (overrides data) */
+    datasets?: ChartDataset[];
+    /** X-axis labels when using datasets */
+    labels?: string[];
+    /** Chart height in px */
+    height?: number;
+    /** Bar orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Top-corner radius per bar */
+    barRadius?: number;
+    /** Show background gridlines */
+    showGrid?: boolean;
+    /** Show legend (multi-series) */
+    showLegend?: boolean;
+    /** Enable hover tooltip */
+    showTooltip?: boolean;
+    /** Show value label on each bar */
+    showValues?: boolean;
+    /** Custom color palette */
+    colors?: string[];
+    /** Entry animation */
+    animate?: boolean;
+    /** Custom value formatter */
+    formatValue?: (v: number) => string;
+}
+export type PieLabelMode = 'percent' | 'value' | 'label' | 'none';
+export type LegendPosition = 'right' | 'bottom';
+export interface PieChartProps {
+    /** Chart data */
+    data: ChartDataPoint[];
+    /** Render as donut (ring) */
+    donut?: boolean;
+    /** Inner cutout as % of radius (donut mode) */
+    innerRadius?: number;
+    /** Chart diameter in px */
+    size?: number;
+    /** Start angle in degrees */
+    startAngle?: number;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Legend position */
+    legendPosition?: LegendPosition;
+    /** What to show on each slice */
+    labelMode?: PieLabelMode;
+    /** Custom color palette */
+    colors?: string[];
+    /** Entry animation */
+    animate?: boolean;
+    /** Enable hover tooltip */
+    showTooltip?: boolean;
+    /** Center text label (donut mode) */
+    centerLabel?: string;
+    /** Center value text (donut mode) */
+    centerValue?: string;
+}
+export type StrokeLineCap = 'round' | 'square' | 'butt';
+export interface CircleChartProps {
+    /** Current value */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Diameter in px */
+    size?: number;
+    /** Ring stroke width */
+    strokeWidth?: number;
+    /** Color theme or hex */
+    color?: ChartColor;
+    /** Gradient stroke */
+    gradient?: boolean;
+    /** Label below the value */
+    label?: string;
+    /** Smaller sub-label */
+    sublabel?: string;
+    /** Show percentage in center */
+    showValue?: boolean;
+    /** Custom value display function */
+    formatValue?: (v: number, pct: number) => string;
+    /** Entry animation */
+    animate?: boolean;
+    /** Background track color (CSS color or empty) */
+    trackColor?: string;
+    /** Stroke cap style */
+    lineCap?: StrokeLineCap;
+}

package/components/Chart/utils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Default chart color palette — resolves from CSS variables when possible.
+ * Produces vibrant, consistent colors that work in both light & dark modes.
+ */
+export declare const CHART_COLORS: string[];
+/** Fallback hex palette when CSS vars aren't available (e.g. canvas) */
+export declare const CHART_COLORS_HEX: string[];
+/** Resolve a semantic color name to a CSS variable */
+export declare function resolveColor(color: string): string;
+/** Get color by index from palette (cycles) */
+export declare function getColor(colors: string[], index: number): string;
+/** Format large numbers: 1200 -> 1.2k */
+export declare function formatNumber(n: number): string;
+/** Clamp a value between min and max */
+export declare function clamp(n: number, min: number, max: number): number;
+/** Linearly interpolate */
+export declare function lerp(a: number, b: number, t: number): number;
+/**
+ * Generate a smooth cubic bezier SVG path from a series of [x,y] points.
+ * Uses Catmull-Rom to bezier conversion for a natural curve.
+ */
+export declare function smoothPath(points: [number, number][]): string;
+/** Generate a straight-line SVG path from a series of [x,y] points */
+export declare function linearPath(points: [number, number][]): string;
+/**
+ * Build an SVG arc path for pie/donut slices.
+ * @param cx Center X
+ * @param cy Center Y
+ * @param r  Outer radius
+ * @param startAngle Degrees
+ * @param endAngle   Degrees
+ * @param innerR Inner radius (donut; 0 = filled pie)
+ */
+export declare function arcPath(cx: number, cy: number, r: number, startAngle: number, endAngle: number, innerR?: number): string;
+/** Nice Y-axis tick values for a given data range */
+export declare function niceYTicks(min: number, max: number, count?: number): number[];
+/** Ease-out cubic */
+export declare function easeOutCubic(t: number): number;
+/** Animate from 0→1 using rAF, calling onProgress each frame */
+export declare function animateProgress(duration: number, onProgress: (t: number) => void, onDone?: () => void): () => void;

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.js";
+/* empty css              */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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.vue2.js";
+import ee from "./CommandPaletteItem.vue.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.vue2.js → CommandPaletteItem.vue.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/Comment/CommentEditor.vue.d.ts

@@ -0,0 +1,41 @@
+import { ChatAttachment } from '../Chat';
+import { CommentAuthor } from './types';
+type __VLS_Props = {
+    /** Pre-fill the textarea (e.g. for editing) */
+    initialText?: string;
+    /**
+     * 'root' = main discussion input (with background and border)
+     * 'reply' = inline reply (indented, no big background, smaller avatar)
+     * 'edit' = inline edit (no avatar, shows editing header)
+     */
+    variant?: 'root' | 'reply' | 'edit';
+    placeholder?: string;
+    editingText?: string;
+    cancelEditText?: string;
+    cancelText?: string;
+    /** The currently logged in user to display their avatar */
+    currentUser?: CommentAuthor | null;
+    /** Controls visibility of the file attachment button */
+    allowFileUpload?: boolean;
+    /** Remote folder ID for uploaded files */
+    folderId?: string;
+    /** Max file size in bytes */
+    maxFileSize?: number;
+    /** Attempt to focus the input on mount */
+    autofocus?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: (text: string, attachments?: ChatAttachment[]) => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (text: string, attachments?: ChatAttachment[]) => any;
+    onCancel?: () => any;
+}>, {
+    variant: "root" | "reply" | "edit";
+    allowFileUpload: boolean;
+    initialText: string;
+    currentUser: CommentAuthor | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    textareaRef: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;