vlite3 1.1.2 → 1.1.5

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/Chat/ChatBubble.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as x, ref as T, openBlock as t, createElementBlock as a, normalizeClass as l, createVNode as f, createCommentVNode as i, createElementVNode as d, toDisplayString as u, unref as B, createBlock as E, withModifiers as C } from "vue";
+import { defineComponent as S, computed as x, ref as T, openBlock as t, createElementBlock as i, normalizeClass as l, createVNode as f, createCommentVNode as a, createElementVNode as d, toDisplayString as u, unref as B, createBlock as E, withModifiers as C } from "vue";
 import D from "../Avatar.vue.js";
 import g from "../Button.vue.js";
 import I from "../AttachmentsList/AttachmentsList.vue.js";
@@ -53,16 +53,16 @@ const z = {
     }, k = () => {
       n.value = !1, r && (clearTimeout(r), r = null);
     };
-    return (m, o) => (t(), a("div", {
+    return (m, o) => (t(), i("div", {
       class: l(["flex w-full min-w-0 gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
     }, [
-      e.showAvatar ? (t(), a("div", z, [
+      e.showAvatar ? (t(), i("div", z, [
         f(D, {
           src: e.message.avatar,
           alt: e.message.senderName,
           size: "sm"
         }, null, 8, ["src", "alt"])
-      ])) : i("", !0),
+      ])) : a("", !0),
       d("div", {
         class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", e.isSender ? "items-end" : "items-start"])
       }, [
@@ -74,9 +74,9 @@ const z = {
               e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
             ]])
           }, [
-            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), a("div", A, u(e.message.senderName), 1)) : i("", !0),
-            e.message.text ? (t(), a("p", N, u(e.message.text), 1)) : i("", !0),
-            e.message.attachments && e.message.attachments.length > 0 ? (t(), a("div", {
+            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), i("div", A, u(e.message.senderName), 1)) : a("", !0),
+            e.message.text ? (t(), i("p", N, u(e.message.text), 1)) : a("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), i("div", {
               key: 2,
               class: l({ "mt-2": e.message.text || e.showUserInfo && !e.isSender })
             }, [
@@ -89,27 +89,27 @@ const z = {
                 "click-to-preview": !0,
                 "show-download-in-list": !1
               }, null, 8, ["attachments"])
-            ], 2)) : i("", !0),
-            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), a("div", {
+            ], 2)) : a("", !0),
+            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), i("div", {
               key: 3,
               class: l(["mt-1 flex items-center gap-1", e.isSender ? "justify-end" : "justify-start"])
             }, [
-              e.message.isEdited && e.showEditedStatus !== !1 ? (t(), a("span", {
+              e.message.isEdited && e.showEditedStatus !== !1 ? (t(), i("span", {
                 key: 0,
                 class: l(["text-[10px] opacity-60", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, u(y.value), 3)) : i("", !0),
-              e.message.isEdited && e.showEditedStatus !== !1 && e.message.timestamp ? (t(), a("span", {
+              }, u(y.value), 3)) : a("", !0),
+              e.message.isEdited && e.showEditedStatus !== !1 && e.message.timestamp ? (t(), i("span", {
                 key: 1,
                 class: l(["text-[10px] opacity-40", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, " · ", 2)) : i("", !0),
-              e.message.timestamp ? (t(), a("span", {
+              }, " · ", 2)) : a("", !0),
+              e.message.timestamp ? (t(), i("span", {
                 key: 2,
                 class: l(["text-[10px] opacity-60 tabular-nums", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
-              }, u(h.value), 3)) : i("", !0)
-            ], 2)) : i("", !0)
+              }, u(h.value), 3)) : a("", !0)
+            ], 2)) : a("", !0)
           ], 2),
           d("div", {
-            class: l(["absolute top-1/2 -translate-y-1/2 opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
+            class: l(["opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
           }, [
             (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), E(g, {
               key: 0,
@@ -120,8 +120,8 @@ const z = {
               class: "text-muted-foreground hover:text-foreground h-7 w-7",
               onClick: o[0] || (o[0] = ($) => c("edit", e.message)),
               "aria-label": "Edit message"
-            })) : i("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), a("div", j, [
+            })) : a("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), i("div", j, [
               f(g, {
                 variant: "ghost",
                 size: "xs",
@@ -131,7 +131,7 @@ const z = {
                 onClick: b,
                 "aria-label": n.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              n.value ? (t(), a("button", {
+              n.value ? (t(), i("button", {
                 key: 0,
                 class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
                 onClick: C(k, ["stop"]),
@@ -160,8 +160,8 @@ const z = {
                     y2: "18"
                   })
                 ], -1)
-              ])])) : i("", !0)
-            ])) : i("", !0)
+              ])])) : a("", !0)
+            ])) : a("", !0)
           ], 2)
         ], 2)
       ], 2)

package/components/CheckBox.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as i, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
-import p from "./Icon.vue.js";
-import B from "./Label.vue.js";
-import { $t as N } from "../utils/i18n.js";
-const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-state", "disabled", "id"], I = {
+import { defineComponent as v, computed as n, openBlock as s, createElementBlock as f, createElementVNode as g, normalizeClass as o, createVNode as w, Transition as C, withCtx as h, createBlock as c, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
+import b from "./Icon.vue.js";
+import $ from "./Label.vue.js";
+import { $t as B } from "../utils/i18n.js";
+const N = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-state", "disabled", "id", "data-testid"], I = {
   key: 0,
   class: "flex items-center justify-center text-current w-full h-full"
-}, L = /* @__PURE__ */ v({
+}, q = /* @__PURE__ */ v({
   __name: "CheckBox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -20,24 +20,24 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
     rounded: {}
   },
   emits: ["update:modelValue", "update:checked"],
-  setup(t, { emit: b }) {
-    const e = t, c = b, u = s(() => e.labelI18n ? N(e.labelI18n) : e.label), m = () => {
+  setup(t, { emit: k }) {
+    const e = t, u = k, d = n(() => e.labelI18n ? B(e.labelI18n) : e.label), m = () => {
       if (e.disabled) return;
-      const d = !(e.modelValue || e.checked);
-      c("update:modelValue", d), c("update:checked", d);
-    }, k = {
+      const l = !(e.modelValue || e.checked);
+      u("update:modelValue", l), u("update:checked", l);
+    }, p = {
       xs: "h-3.5 w-3.5",
       sm: "h-4 w-4",
       md: "h-4.5 w-4.5",
       lg: "h-5 w-5",
       xl: "h-5.5 w-5.5"
-    }, n = {
+    }, i = {
       xs: "h-2.5 w-2.5",
       sm: "h-3 w-3",
       md: "h-3.5 w-3.5",
       lg: "h-4 w-4",
       xl: "h-5 w-5"
-    }, y = {
+    }, x = {
       none: "rounded-none",
       xs: "rounded-[3px]",
       sm: "rounded-[4px]",
@@ -46,34 +46,35 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       xl: "rounded-lg",
       "2xl": "rounded-xl",
       full: "rounded-full"
-    }, a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked"), x = s(() => [
+    }, a = n(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked"), y = n(() => [
       "peer shrink-0 border  transition-all duration-200 ease-in-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       "cursor-pointer bg-transparent",
-      k[e.size],
-      y[e.rounded || e.size],
+      p[e.size],
+      x[e.rounded || e.size],
       a.value === "checked" ? "border-primary!" : "border-gray-400!",
       e.class
     ].join(" "));
-    return s(() => [
+    return n(() => [
       "transition-transform duration-200",
       a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
-      n[e.size]
-    ].join(" ")), (d, $) => (l(), f("div", _, [
+      i[e.size]
+    ].join(" ")), (l, S) => (s(), f("div", N, [
       g("button", {
         type: "button",
         role: "checkbox",
         "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
         "data-state": a.value,
         disabled: t.disabled,
-        class: i(x.value),
+        class: o(y.value),
         id: t.id,
+        "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `checkbox-${l.$attrs.name}` : t.id ? `checkbox-${t.id}` : d.value ? `checkbox-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "checkbox"),
         onClick: m
       }, [
-        a.value === "checked" || a.value === "indeterminate" ? (l(), f("div", I, [
+        a.value === "checked" || a.value === "indeterminate" ? (s(), f("div", I, [
           w(C, {
             "enter-active-class": "transition duration-200 ease-out",
             "enter-from-class": "scale-50 opacity-0",
@@ -83,28 +84,28 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
             "leave-to-class": "scale-50 opacity-0"
           }, {
             default: h(() => [
-              a.value === "checked" ? (l(), o(p, {
+              a.value === "checked" ? (s(), c(b, {
                 key: 0,
                 icon: "lucide:check",
-                class: i(n[t.size])
-              }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(p, {
+                class: o(i[t.size])
+              }, null, 8, ["class"])) : a.value === "indeterminate" ? (s(), c(b, {
                 key: 1,
                 icon: "lucide:minus",
-                class: i(n[t.size])
+                class: o(i[t.size])
               }, null, 8, ["class"])) : r("", !0)
             ]),
             _: 1
           })
         ])) : r("", !0)
       ], 10, j),
-      u.value ? (l(), o(B, {
+      d.value ? (s(), c($, {
         key: 0,
         for: t.id,
         class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
         onClick: m
       }, {
         default: h(() => [
-          V(z(u.value), 1)
+          V(z(d.value), 1)
         ]),
         _: 1
       }, 8, ["for"])) : r("", !0)
@@ -112,5 +113,5 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
   }
 });
 export {
-  L as default
+  q as default
 };

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/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;