@livestorm/ui-vue 2.0.3 → 2.0.5

package/dist/a11y-BhF_nl7L.mjs

@@ -0,0 +1,159 @@
+import { defineComponent as m, createBlock as i, openBlock as r, unref as a, normalizeProps as f, guardReactiveProps as g, withCtx as n, renderSlot as l, computed as h, createVNode as c, mergeProps as w, createCommentVNode as b, getCurrentInstance as x, createElementBlock as C, Fragment as T, createTextVNode as $, toDisplayString as v } from "vue";
+import { TooltipProvider as k, useForwardProps as P, TooltipTrigger as D, useForwardPropsEmits as B, TooltipPortal as S, TooltipContent as F, TooltipArrow as W, TooltipRoot as y } from "reka-ui";
+import { reactiveOmit as N } from "@vueuse/core";
+const O = /* @__PURE__ */ m({
+  __name: "UiTooltipProvider",
+  props: {
+    delayDuration: { default: 700 },
+    skipDelayDuration: { default: 300 },
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean },
+    content: {}
+  },
+  setup(e) {
+    return (s, t) => (r(), i(a(k), f(g(s.$props)), {
+      default: n(() => [
+        l(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), z = /* @__PURE__ */ m({
+  __name: "UiTooltipTrigger",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const t = P(e);
+    return (d, p) => (r(), i(a(D), f(g({ ...a(t), ...d.$attrs })), {
+      default: n(() => [
+        l(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), A = /* @__PURE__ */ m({
+  __name: "UiTooltipContent",
+  props: {
+    colorsSemantic: { default: "light" },
+    maxWidth: { default: "base" },
+    showArrow: { type: Boolean, default: !0 },
+    arrowWidth: { default: 10 },
+    arrowHeight: { default: 5 },
+    forceMount: { type: Boolean },
+    ariaLabel: {},
+    asChild: { type: Boolean },
+    as: {},
+    side: {},
+    sideOffset: { default: 12 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside"],
+  setup(e, { emit: s }) {
+    const t = e, p = B(t, s), u = h(() => ({
+      xs: "max-w-[150px]",
+      sm: "max-w-[240px]",
+      md: "max-w-md",
+      base: "max-w-xs",
+      lg: "max-w-lg",
+      xl: "max-w-xl"
+    })[t.maxWidth]);
+    return (o, _) => (r(), i(a(S), null, {
+      default: n(() => [
+        c(a(F), w({ ...a(p), ...o.$attrs }, {
+          "data-colors-semantic": t.colorsSemantic,
+          class: [
+            "ui-tooltip-content py-1.5 px-3 bg-surface-neutral-invert-bg-alpha text-text-neutral-invert-base text-content-text-md-regular rounded-md text-center z-50 shadow-shadows-drop-shadow-lg",
+            "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=delayed-open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:zoom-in-95",
+            u.value
+          ]
+        }), {
+          default: n(() => [
+            l(o.$slots, "default"),
+            t.showArrow ? (r(), i(a(W), {
+              key: 0,
+              width: t.arrowWidth,
+              height: t.arrowHeight,
+              class: "fill-surface-neutral-invert-bg-alpha"
+            }, null, 8, ["width", "height"])) : b("", !0)
+          ]),
+          _: 3
+        }, 16, ["data-colors-semantic", "class"])
+      ]),
+      _: 3
+    }));
+  }
+}), K = /* @__PURE__ */ m({
+  inheritAttrs: !1,
+  __name: "UiTooltip",
+  props: {
+    content: {},
+    side: {},
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    delayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: s }) {
+    const t = e, d = s, p = h(() => {
+      const o = x()?.vnode.props;
+      return !!o && "content" in o;
+    }), u = B(N(t, "content", "side"), d);
+    return (o, _) => p.value ? (r(), C(T, { key: 0 }, [
+      e.content ? (r(), i(O, { key: 0 }, {
+        default: n(() => [
+          c(a(y), f(g({ ...a(u), ...o.$attrs })), {
+            default: n(() => [
+              c(z, { "as-child": "" }, {
+                default: n(() => [
+                  l(o.$slots, "default")
+                ]),
+                _: 3
+              }),
+              c(A, { side: e.side }, {
+                default: n(() => [
+                  $(v(e.content), 1)
+                ]),
+                _: 1
+              }, 8, ["side"])
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      })) : l(o.$slots, "default", { key: 1 })
+    ], 64)) : (r(), i(a(y), f(w({ key: 1 }, { ...a(u), ...o.$attrs })), {
+      default: n(() => [
+        l(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+function L(e) {
+  e.preventDefault(), (e.target.closest('[role="menu"]') || e.target).querySelector("a")?.focus();
+}
+export {
+  K as _,
+  A as a,
+  O as b,
+  z as c,
+  L as f
+};

package/dist/components.mjs

@@ -1,5 +1,5 @@
-import { _ as xe, a as he, b as ke, c as Ge, d as He, e as Re, f as Ee, I as We, g as Ne, h as qe, i as Ke, j as Qe, k as Ve, l as Xe, X as Ye, $ as Ze, Z as Je, t as eo, x as oo, u as to, v as no, w as _o, n as io, z as ro, m as co, o as lo, p as so, r as ao, s as uo, y as po, A as mo, D as vo, F as bo, G as Uo, K as go, L as fo, M as So, N as To, O as yo, P as jo, Q as Oo, R as Mo, S as Po, T as zo, V as $o, W as Bo, Y as Do, a2 as Co, a5 as Io, a4 as Lo, a7 as Ao, a8 as wo, aa as Fo, ab as xo, ae as ho, ag as ko, ah as Go, ai as Ho, aj as Ro, ak as Eo, an as Wo, ao as No, ap as r, aq as c, ar as l, as as s, at as a, au as u, av as p, aw as m, ax as v, ay as b, az as U, aA as g, aB as d, aC as f, aD as S, aE as T, aF as y } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-UNNkatTS.mjs";
-import { b as qo, c as Ko, a as Qo, _ as Vo } from "./a11y--y7uaY4j.mjs";
+import { _ as xe, a as he, b as ke, c as Ge, d as He, e as Re, f as Ee, I as We, g as Ne, h as qe, i as Ke, j as Qe, k as Ve, l as Xe, X as Ye, $ as Ze, Z as Je, t as eo, x as oo, u as to, v as no, w as _o, n as io, z as ro, m as co, o as lo, p as so, r as ao, s as uo, y as po, A as mo, D as vo, F as bo, G as Uo, K as go, L as fo, M as So, N as To, O as yo, P as jo, Q as Oo, R as Mo, S as Po, T as zo, V as $o, W as Bo, Y as Do, a2 as Co, a5 as Io, a4 as Lo, a7 as Ao, a8 as wo, aa as Fo, ab as xo, ae as ho, ag as ko, ah as Go, ai as Ho, aj as Ro, ak as Eo, an as Wo, ao as No, ap as r, aq as c, ar as l, as as s, at as a, au as u, av as p, aw as m, ax as v, ay as b, az as U, aA as g, aB as d, aC as f, aD as S, aE as T, aF as y } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-DJFdCn2R.mjs";
+import { b as qo, c as Ko, a as Qo, _ as Vo } from "./a11y-BhF_nl7L.mjs";
 import { RenderSlot as j } from "./slot.mjs";
 const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/i18n-Cktw9hIu.mjs

@@ -0,0 +1,49 @@
+import r from "i18next";
+import { getCurrentInstance as c, inject as _ } from "vue";
+const o = {
+  en: {
+    general_close: "Close",
+    general_dialog_title: "Dialog",
+    "general_misc_copied-text": "Copied!",
+    "room_bottom-bar_controls-label_more": "More"
+  },
+  fr: {
+    general_close: "Fermer",
+    general_dialog_title: "Dialog",
+    "general_misc_copied-text": "Copié !",
+    "room_bottom-bar_controls-label_more": "Plus"
+  }
+}, p = Object.freeze(Object.keys(o.en)), m = /* @__PURE__ */ Symbol("ui-vue-translator");
+let i = null;
+function b(n) {
+  i = n;
+}
+function s(n, e) {
+  if (!n) return null;
+  const t = n(e);
+  return typeof t == "string" && t !== e ? t : null;
+}
+function L(n) {
+  return a(null, n);
+}
+function A() {
+  const n = c() ? _(m, null) : null;
+  return (e) => a(n, e);
+}
+function a(n, e) {
+  const t = s(n, e);
+  if (t !== null) return t;
+  const l = s(i, e);
+  if (l !== null) return l;
+  if (r.isInitialized && r.exists(e))
+    return r.t(e);
+  const u = typeof document > "u" ? "en" : (document.documentElement.lang || "en").toLowerCase().split("-")[0];
+  return (o[u] || o.en)[e] ?? o.en[e] ?? e;
+}
+export {
+  p as B,
+  m as U,
+  b as s,
+  L as t,
+  A as u
+};

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { _ as e, a as s, b as o, c as U, d as r, e as t, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as C, p as M, q as I, r as c, s as B, t as D, u as P, v as L, w as v, x as A, y as w, z as F, A as x, B as h, C as H, D as f, E as k, F as G, G as y, H as R, I as j, J as z, K as E, L as W, M as _, N as q, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ra, a5 as ta, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ca, ah as Ma, ai as Ia, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-UNNkatTS.mjs";
-import { _ as wa, a as Fa, b as xa, c as ha } from "./a11y--y7uaY4j.mjs";
+import { _ as e, a as s, b as o, c as U, d as r, e as t, f as n, g as p, h as l, U as u, i as d, j as g, k as T, l as S, m, n as b, o as C, p as M, q as I, r as c, s as B, t as D, u as P, v as L, w as v, x as A, y as w, z as F, A as x, B as h, C as H, D as f, E as k, F as G, G as y, H as R, I as j, J as z, K as E, L as W, M as _, N as q, O as J, P as K, Q as N, R as O, S as Q, T as V, V as X, W as Y, X as Z, Y as $, Z as aa, $ as ia, a0 as ea, a1 as sa, a2 as oa, a3 as Ua, a4 as ra, a5 as ta, a6 as na, a7 as pa, a8 as la, a9 as ua, aa as da, ab as ga, ac as Ta, ad as Sa, ae as ma, af as ba, ag as Ca, ah as Ma, ai as Ia, aj as ca, ak as Ba, al as Da, am as Pa, an as La, ao as va } from "./UiTimelineItem.vue_vue_type_style_index_0_lang-DJFdCn2R.mjs";
+import { _ as wa, a as Fa, b as xa, c as ha } from "./a11y-BhF_nl7L.mjs";
 export {
   e as UiActionBar,
   s as UiActionBarItem,

package/dist/integrations.mjs

@@ -1,8 +1,14 @@
-import { a as o, c as e, o as t, r, u as T } from "./toastDSV2-wMh-UMzW.mjs";
+import { a as e, c as o, o as t, r, u as T } from "./toastDSV2-wMh-UMzW.mjs";
+import { B as n, U as _, s as c, t as u, u as L } from "./i18n-Cktw9hIu.mjs";
 export {
-  o as cancelCloseTimer,
-  e as closeToast,
+  n as BUILT_IN_LABEL_KEYS,
+  _ as UI_VUE_TRANSLATOR,
+  e as cancelCloseTimer,
+  o as closeToast,
   t as openToast,
   r as resetToasts,
-  T as useToasts
+  c as setTranslator,
+  u as translate,
+  T as useToasts,
+  L as useTranslate
 };

package/dist/layouts.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as I, computed as w, ref as C, onMounted as M, resolveComponent as E, createElementBlock as n, openBlock as t, createElementVNode as v, createCommentVNode as a, createBlock as y, resolveDynamicComponent as P, normalizeProps as z, guardReactiveProps as H, Fragment as k, normalizeClass as b, normalizeStyle as N, toDisplayString as f, withKeys as S, withCtx as h, createTextVNode as B, getCurrentInstance as D, createVNode as L, Transition as V, TransitionGroup as A, renderList as R, unref as x, mergeProps as j } from "vue";
 import { useResponsive as K } from "./responsive.mjs";
 import { u as U } from "./toastDSV2-wMh-UMzW.mjs";
-import { u as F } from "./useThemeAndModes-CUK56j0z.mjs";
+import { u as F } from "./useThemeAndModes-BzYwSOEv.mjs";
 const G = ["data-testid"], O = {
   key: 1,
   class: "absolute h-1 bg-grey-100 top-0 left-0 w-full"

package/dist/types/src/components/Toast/ToastMessage.vue.d.ts

@@ -1,15 +1,15 @@
 import type { ToastOptions } from './toastDSV2';
 declare const __VLS_export: import("vue").DefineComponent<Partial<ToastOptions>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: (...args: any[]) => void;
-    close: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    cancel: (...args: any[]) => void;
     confirm: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<Partial<ToastOptions>> & Readonly<{
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     type: import("../../theme").ThemeColorType;

package/dist/types/src/components/UiBanner/UiBanner.vue.d.ts

@@ -65,12 +65,12 @@ type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_3) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => any;
     "banner-action": () => any;
+    close: () => any;
     "update:closed": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: (() => any) | undefined;
     "onBanner-action"?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
     "onUpdate:closed"?: ((value: boolean) => any) | undefined;
 }>, {
     variant: "full-width" | "horizontal" | "vertical";

package/dist/types/src/components/UiButton/UiButton.vue.d.ts

@@ -221,7 +221,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
     href: string;
     variant: "cta" | "cta-alpha" | "secondary" | "tertiary";
-    color: "error" | "primary" | "neutral" | "warning" | "success" | "neutral-invert";
+    color: "primary" | "neutral" | "warning" | "success" | "error" | "neutral-invert";
     showIconLeft: boolean;
     iconRight: string | boolean;
     loading: boolean;

package/dist/types/src/components/UiButtonGroup/UiButtonGroup.vue.d.ts

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<UiButtonGroupProps, {},
     size: ButtonGroupSize;
     disabled: boolean;
     color: ButtonGroupColor;
-    name: string;
     defaultValue: string;
+    name: string;
     modelValue: string;
     allowDeselect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/src/components/UiColorField/UiColorField.vue.d.ts

@@ -1,10 +1,10 @@
 import type { UiColorFieldProps } from './types';
 declare const __VLS_export: import("vue").DefineComponent<UiColorFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<UiColorFieldProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
 }>, {
     size: import("../UiTextField").TextFieldSize;
     ariaLabel: string;

package/dist/types/src/components/UiColorPicker/UiColorPicker.vue.d.ts

@@ -5,15 +5,15 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_144) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiColorPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
     "update:color": (color: Color) => any;
     "update:selectedPresetValue": (value: string) => any;
+    change: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<UiColorPickerProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:color"?: ((color: Color) => any) | undefined;
     "onUpdate:selectedPresetValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     variant: import("./types").UiColorPickerVariant;

package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts

@@ -28,10 +28,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: TSize;
-    error: boolean;
     disabled: boolean;
     variant: TVariant;
     color: TColor;
+    error: boolean;
     showIcon: boolean;
     placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/src/components/UiFieldWrapper/UiFieldWrapper.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     fieldId: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     label: string;
-    error: boolean;
     required: boolean;
+    error: boolean;
     id: string;
     labelInfo: string;
     helperMessage: string;

package/dist/types/src/components/UiForm/UiFormField.vue.d.ts

@@ -23,7 +23,7 @@ declare const __VLS_export: <TFormData extends object, TName extends keyof TForm
     };
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/src/components/UiInputCheckbox/UiInputCheckbox.vue.d.ts

@@ -80,21 +80,21 @@ declare const __VLS_base: import("vue").DefineComponent<UiInputCheckboxProps, {
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
     change: (event: Event) => any;
+    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
-    "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
 }, string, import("vue").PublicProps, Readonly<UiInputCheckboxProps> & Readonly<{
-    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
 }>, {
     orientation: "horizontal" | "vertical";
     size: CheckboxSize;
-    error: boolean;
     disabled: boolean;
     required: boolean;
+    error: boolean;
     checked: boolean;
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/src/components/UiInputSelect/UiInputSelect.vue.d.ts

@@ -32,18 +32,18 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<UiInputSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (event: FocusEvent) => any;
     "update:modelValue": (value: string | string[] | undefined) => any;
+    blur: (event: FocusEvent) => any;
 }, string, import("vue").PublicProps, Readonly<UiInputSelectProps> & Readonly<{
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
 }>, {
     size: SelectSize;
     label: string;
-    error: boolean;
     disabled: boolean;
     defaultOpen: boolean;
     required: boolean;
+    error: boolean;
     loading: boolean;
     name: string;
     modelValue: string | string[] | null;

package/dist/types/src/components/UiInputTextarea/UiInputTextarea.vue.d.ts

@@ -22,22 +22,22 @@ declare const __VLS_export: import("vue").DefineComponent<UiInputTextareaProps,
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     keyup: (event: KeyboardEvent) => any;
-    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<UiInputTextareaProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: TextareaSize;
-    error: boolean;
     disabled: boolean;
     required: boolean;
+    error: boolean;
     loading: boolean;
     modelValue: string;
     placeholder: string;

package/dist/types/src/components/UiTextField/UiTextField.vue.d.ts

@@ -30,26 +30,26 @@ declare const __VLS_base: import("vue").DefineComponent<UiTextFieldProps, {
     blur: () => void | undefined;
     insertAtCursor: (text: string) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     keyup: (event: KeyboardEvent) => any;
-    clear: () => any;
-    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<UiTextFieldProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: TextFieldSize;
     ariaLabel: string;
-    error: boolean;
     type: string;
     disabled: boolean;
     required: boolean;
+    error: boolean;
     loading: boolean;
     modelValue: string;
     clearable: boolean;

package/dist/types/src/composables/useButtonStyles.d.ts

@@ -11,7 +11,7 @@ export interface UseButtonStylesOptions {
 }
 export declare function useButtonStyles(options: UseButtonStylesOptions): {
     variant: import("vue").ComputedRef<"cta" | "cta-alpha" | "secondary" | "tertiary">;
-    color: import("vue").ComputedRef<"error" | "primary" | "neutral" | "warning" | "success" | "neutral-invert">;
+    color: import("vue").ComputedRef<"primary" | "neutral" | "warning" | "success" | "error" | "neutral-invert">;
     bgClass: import("vue").ComputedRef<string>;
     textClass: import("vue").ComputedRef<string>;
     borderClasses: import("vue").ComputedRef<string[]>;

package/dist/types/src/integrations/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/Toast/toastDSV2";
+export * from "../utils/i18n";

package/dist/types/src/utils/i18n.d.ts

@@ -0,0 +1,51 @@
+import type { InjectionKey } from 'vue';
+/**
+ * Keys of the built-in labels. They MUST stay identical to the Livestorm
+ * app locale keys (Phrase): inside the app, translate() resolves through
+ * the app's i18next with these exact keys, and a silent mismatch would
+ * downgrade users to the EN/FR fallbacks. A spec in packages/frontend
+ * locks this contract against the app locales.
+ */
+export declare const BUILT_IN_LABEL_KEYS: readonly string[];
+/**
+ * A host-provided translate function. Return the translated string, or the
+ * key itself / null / undefined to decline and let the built-in bundles
+ * answer.
+ */
+export type Translator = (key: string) => string | null | undefined;
+/**
+ * App-scoped translator: `app.provide(UI_VUE_TRANSLATOR, fn)` wires the
+ * host's i18n per application instance. This is the ONLY safe wiring for
+ * SSR servers rendering per-request locales — module state is shared
+ * between concurrent requests, an app-provided translator is not.
+ */
+export declare const UI_VUE_TRANSLATOR: InjectionKey<Translator>;
+/**
+ * Plug the host app's own i18n stack (an i18next `createInstance()`,
+ * vue-i18n, anything callable) into the library's built-in labels. An
+ * explicitly wired translator wins over the ambient i18next singleton.
+ * Pass null to restore the default behavior.
+ *
+ * This is process-level state, right for SPAs and static setups. On an SSR
+ * server with per-request locales, provide UI_VUE_TRANSLATOR on the app
+ * instead: concurrent renders would otherwise overwrite each other here.
+ */
+export declare function setTranslator(translator: Translator | null): void;
+/**
+ * Translate a key for a component's built-in label. Resolution order:
+ * 1. the translator wired via setTranslator(), when it answers;
+ * 2. the ambient i18next singleton, when initialized and it has the key
+ *    (the Livestorm app path);
+ * 3. the built-in EN/FR bundles, language picked from `<html lang>`.
+ * Apps not using i18next at all get proper strings instead of raw keys.
+ *
+ * Components call this through useTranslate(), which puts an app-provided
+ * UI_VUE_TRANSLATOR at the very top of that chain.
+ */
+export declare function translate(key: string): string;
+/**
+ * Component-side accessor: returns a translate function bound to the
+ * app-provided UI_VUE_TRANSLATOR when called inside setup(), falling back
+ * to the process-level chain otherwise. Safe to call outside a component.
+ */
+export declare function useTranslate(): (key: string) => string;