@livestorm/ui-vue 3.0.0 → 4.0.0

package/dist/a11y-BhF_nl7L.mjs

@@ -1,159 +0,0 @@
-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/i18n-Cktw9hIu.mjs

@@ -1,49 +0,0 @@
-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/toastDSV2-wMh-UMzW.mjs

@@ -1,74 +0,0 @@
-import { ref as m } from "vue";
-import { createEventHook as a } from "@vueuse/core";
-let T = 1;
-const d = {
-  success: 3 * 1e3,
-  info: 7 * 1e3
-}, n = m([]);
-function b() {
-  return {
-    toasts: n,
-    closeToast: c,
-    openToast: v,
-    cancelCloseTimer: E
-  };
-}
-function v(e) {
-  let t, i = n.value.find((o) => o.id === e.id);
-  const s = a(), r = a();
-  if (i)
-    t = i.id, Object.assign(i, {
-      ...e
-    }), e.id && Object.keys(e).length === 1 && u(i);
-  else {
-    t = e.id ?? T++;
-    const o = e.type || "info", l = o === "success" || o === "info", f = e.time === !0 ? l ? d[o] : void 0 : typeof e.time == "number" ? e.time : void 0;
-    i = {
-      ...e,
-      id: t,
-      closeTimer: null,
-      confirmEventHook: s,
-      cancelEventHook: r,
-      time: f,
-      type: o
-    }, n.value.push(i), u(i);
-  }
-  return {
-    id: t,
-    close: () => {
-      c(t);
-    },
-    onConfirm: s.on,
-    onCancel: r.on
-  };
-}
-function c(e) {
-  const t = n.value.find((i) => i.id === e);
-  t && (clearTimeout(t.closeTimer), y(e));
-}
-function E(e) {
-  const t = n.value.find((i) => i.id === e);
-  t && clearTimeout(t.closeTimer);
-}
-function h() {
-  n.value = [];
-}
-function y(e) {
-  const t = n.value.findIndex((i) => i.id === e);
-  t !== -1 && n.value.splice(t, 1);
-}
-function u(e) {
-  e.time && (e.closeTimer = setTimeout(
-    () => {
-      c(e.id);
-    },
-    e.time
-  ));
-}
-export {
-  E as a,
-  c,
-  v as o,
-  h as r,
-  b as u
-};

package/dist/types/src/components/UiAvatar/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./UiAvatar.vue";

package/dist/types/src/components/UiAvatarList/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./UiAvatarList.vue";

package/dist/types/src/components/UiBadge/index.d.ts

@@ -1 +0,0 @@
-export { default as UiBadge } from './UiBadge.vue';

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

@@ -1,2 +0,0 @@
-export { default } from './UiBanner.vue';
-export type { UiBannerProps } from './UiBanner.vue';

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

@@ -1,3 +0,0 @@
-export { default as UiButtonGroup } from './UiButtonGroup.vue';
-export { default as UiButtonGroupItem } from './UiButtonGroupItem.vue';
-export type { ButtonGroupColor, ButtonGroupSize } from './types';

package/dist/types/src/components/UiCarousel/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UiCarousel } from './UiCarousel.vue';
-export type { UiCarouselProps } from './UiCarousel.vue';

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

@@ -1,2 +0,0 @@
-export { default as UiColorField } from './UiColorField.vue';
-export type { UiColorFieldProps } from './types';

package/dist/types/src/components/UiDialog/MarketplaceHeaderExample.vue.d.ts

@@ -1,28 +0,0 @@
-import { type Slot } from 'vue';
-interface UiDialogMarketplaceHeaderProps {
-    icon?: string;
-    logo?: string;
-    title: string;
-    description?: string;
-    gradientColor?: string;
-    images?: string[];
-}
-type __VLS_Slots = {
-    switch(): Slot;
-    carousel(): Slot;
-};
-declare const __VLS_base: import("vue").DefineComponent<UiDialogMarketplaceHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiDialogMarketplaceHeaderProps> & Readonly<{}>, {
-    icon: string;
-    description: string;
-    logo: string;
-    gradientColor: string;
-    images: string[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/types/src/components/UiDialog/index.d.ts

@@ -1,7 +0,0 @@
-export { default as UiDialog } from './UiDialog.vue';
-export { default as UiDialogTrigger } from './UiDialogTrigger.vue';
-export { default as UiDialogContent } from './UiDialogContent.vue';
-export { default as UiDialogFooter } from './UiDialogFooter.vue';
-export { default as UiDialogClose } from './UiDialogClose.vue';
-export { default as UiDialogMarketplaceHeader } from './MarketplaceHeaderExample.vue';
-export { DialogClose, DialogDescription, DialogTitle, type DialogRootProps, type DialogRootEmits, type DialogContentProps, type DialogContentEmits, } from 'reka-ui';

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

@@ -1 +0,0 @@
-export { default as UiFieldWrapper } from './UiFieldWrapper.vue';

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

@@ -1,2 +0,0 @@
-export { default as UiInputCheckbox } from './UiInputCheckbox.vue';
-export type { CheckboxSize } from './types';

package/dist/types/src/components/UiInputEmoji/index.d.ts

@@ -1 +0,0 @@
-export { default as UiInputEmoji } from './UiInputEmoji.vue';

package/dist/types/src/components/UiInputRadio/index.d.ts

@@ -1,3 +0,0 @@
-export { default as UiInputRadio } from './UiInputRadio.vue';
-export { default as UiInputRadioGroup } from './UiInputRadioGroup.vue';
-export type { RadioSize, RadioValue, RadioVariant } from './types';

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

@@ -1,2 +0,0 @@
-export { default as UiInputSelect } from './UiInputSelect.vue';
-export type { SelectSize } from './types';

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

@@ -1,2 +0,0 @@
-export { default as UiInputTextarea } from './UiInputTextarea.vue';
-export type { TextareaSize } from './types';

package/dist/types/src/components/UiMenu/index.d.ts

@@ -1,10 +0,0 @@
-export { default as UiMenu } from './UiMenu.vue';
-export { default as UiMenuTrigger } from './UiMenuTrigger.vue';
-export { default as UiMenuContent } from './UiMenuContent.vue';
-export { default as UiMenuItem } from './UiMenuItem.vue';
-export { default as UiMenuGroup } from './UiMenuGroup.vue';
-export { default as UiMenuLabel } from './UiMenuLabel.vue';
-export { default as UiMenuSub } from './UiMenuSub.vue';
-export { default as UiMenuSubTrigger } from './UiMenuSubTrigger.vue';
-export { default as UiMenuSubContent } from './UiMenuSubContent.vue';
-export { default as UiMenuSeparator } from './UiMenuSeparator.vue';

package/dist/types/src/components/UiProgress/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UiProgress } from './UiProgress.vue';
-export * from './types';

package/dist/types/src/components/UiSwitch/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UiSwitch } from './UiSwitch.vue';
-export type { SwitchColor, SwitchPosition, SwitchSize } from './types';

package/dist/types/src/components/UiTabs/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UiTabs } from './UiTabs.vue';
-export type { UiTabsProps, Tab } from './UiTabs.vue';

package/dist/types/src/components/UiTimeline/index.d.ts

@@ -1,2 +0,0 @@
-export { default as UiTimeline } from './UiTimeline.vue';
-export { default as UiTimelineItem } from './UiTimelineItem.vue';

package/dist/types/src/components/UiTooltip/index.d.ts

@@ -1,4 +0,0 @@
-export { default as UiTooltip } from "./UiTooltip.vue";
-export { default as UiTooltipTrigger } from "./UiTooltipTrigger.vue";
-export { default as UiTooltipContent } from "./UiTooltipContent.vue";
-export { default as UiTooltipProvider } from "./UiTooltipProvider.vue";

package/dist/types/src/mixins/DynamicAction.d.ts

@@ -1,30 +0,0 @@
-declare namespace _default {
-    namespace props {
-        export namespace href {
-            export let type: StringConstructor;
-            let _default: null;
-            export { _default as default };
-        }
-        export namespace to {
-            let type_1: ObjectConstructor;
-            export { type_1 as type };
-            let _default_1: null;
-            export { _default_1 as default };
-        }
-        export namespace type_2 {
-            let type_3: StringConstructor;
-            export { type_3 as type };
-            let _default_2: string;
-            export { _default_2 as default };
-        }
-        export { type_2 as type };
-        export namespace value {
-            let _default_3: null;
-            export { _default_3 as default };
-        }
-    }
-    namespace computed {
-        function component(): any;
-    }
-}
-export default _default;

package/dist/useThemeAndModes-BzYwSOEv.mjs

@@ -1,108 +0,0 @@
-import { useStorage as A } from "@vueuse/core";
-import { computed as d, watch as f, ref as E, getCurrentInstance as b } from "vue";
-const T = {
-  LIVESTORM: "Livestorm",
-  CUSTOMER1: "customer1",
-  CUSTOMER2: "customer2",
-  CUSTOMER3: "customer3"
-}, p = {
-  LIGHT: "light",
-  DARK: "dark"
-}, y = Object.values(T), C = Object.values(p);
-Object.fromEntries(
-  Object.entries(T).map(([e, t]) => [e.toLowerCase(), t])
-);
-const I = ["signup", "signin", "forgot-password", "reset-password"], R = {
-  theme: T.LIVESTORM,
-  mode: p.DARK,
-  contentMode: p.LIGHT
-}, i = E(/* @__PURE__ */ new Map()), v = E(/* @__PURE__ */ new Map()), o = A(
-  "themeAndMode",
-  R
-);
-function k({ themeOverride: e, modeOverride: t, contentModeOverride: n } = {}) {
-  const s = !!(e || t || n), a = e || o.value.theme, r = t || o.value.mode, S = n || o.value.contentMode;
-  function O() {
-    document.querySelector("body").setAttribute("data-colors-primitive", a), document.querySelector("body").setAttribute("data-colors-semantic", r), H();
-  }
-  function g() {
-    const l = () => t || o.value.mode, c = () => n || o.value.contentMode;
-    f(
-      () => Array.from(i.value.values()),
-      () => D({ mode: l(), hasOverrides: s }),
-      { immediate: !0 }
-    ), f(
-      () => Array.from(v.value.values()),
-      () => M({ mode: c(), hasOverrides: s }),
-      { immediate: !0 }
-    );
-    const m = b();
-    f(
-      () => m?.appContext.config.globalProperties.$route?.name,
-      (u) => {
-        u && I.includes(u.toString()) && M({ mode: c(), hasOverrides: s });
-      },
-      { immediate: !0 }
-    );
-  }
-  function h(l, { selector: c, element: m, modeOverride: u }) {
-    (l === "mode" ? i : v).value.set(c, { element: m, modeOverride: u });
-  }
-  return {
-    initOnAppMounted: O,
-    registerWatchers: g,
-    addElementToWatch: h,
-    updateContentMode: w,
-    updateTheme: L,
-    updateMode: _,
-    themeList: y,
-    modeOptions: C,
-    theme: a,
-    mode: r,
-    contentMode: S,
-    // Reactive counterparts of the values above, which are captured once at
-    // call time. Bind to these when the UI must follow external updates to the
-    // stored state (e.g. ThemePicker reflecting a mode set elsewhere).
-    currentTheme: d(() => e || o.value.theme),
-    currentMode: d(() => t || o.value.mode),
-    currentContentMode: d(() => n || o.value.contentMode)
-  };
-}
-function L(e) {
-  o.value.theme = e, document.querySelector("body").setAttribute("data-colors-primitive", e);
-}
-function _(e) {
-  o.value.mode = e, document.querySelector("body").setAttribute("data-colors-semantic", e), i.value.get('[data-name="ui-page-wrapper"]')?.element.setAttribute("data-colors-semantic", e);
-}
-function w(e) {
-  M({ mode: e, hasOverrides: !1, ignoreElementOverrides: !0 });
-}
-function D({ mode: e, hasOverrides: t = !1 }) {
-  t || (o.value.mode = e);
-  for (const { element: n, modeOverride: s } of i.value.values()) {
-    const a = s || e;
-    n.setAttribute("data-colors-semantic", a);
-  }
-}
-function M({ mode: e, hasOverrides: t = !1, ignoreElementOverrides: n = !1 }) {
-  t || (o.value.contentMode = e);
-  for (const { element: s, modeOverride: a } of v.value.values()) {
-    const r = n ? e : a || e;
-    s.setAttribute("data-colors-semantic", r);
-  }
-}
-const U = "customThemeTokens";
-function H() {
-  try {
-    if (localStorage.getItem("ls-internal-theming") !== "true") return;
-    const e = localStorage.getItem(U);
-    if (!e) return;
-    const t = JSON.parse(e);
-    for (const [n, s] of Object.entries(t))
-      document.documentElement.style.setProperty(n, s);
-  } catch {
-  }
-}
-export {
-  k as u
-};

package/src/components/UiAvatar/index.js

@@ -1 +0,0 @@
-export { default } from './UiAvatar.vue'

package/src/components/UiAvatarList/index.js

@@ -1 +0,0 @@
-export { default } from './UiAvatarList.vue'

package/src/components/UiBadge/index.ts

@@ -1,2 +0,0 @@
-// UiBadge exports
-export { default as UiBadge } from './UiBadge.vue'

package/src/components/UiBanner/index.ts

@@ -1,2 +0,0 @@
-export { default } from './UiBanner.vue'
-export type { UiBannerProps } from './UiBanner.vue'

package/src/components/UiButtonGroup/index.ts

@@ -1,3 +0,0 @@
-export { default as UiButtonGroup } from './UiButtonGroup.vue'
-export { default as UiButtonGroupItem } from './UiButtonGroupItem.vue'
-export type { ButtonGroupColor, ButtonGroupSize } from './types'

package/src/components/UiCarousel/index.ts

@@ -1,2 +0,0 @@
-export { default as UiCarousel } from './UiCarousel.vue'
-export type { UiCarouselProps } from './UiCarousel.vue'

package/src/components/UiColorField/index.ts

@@ -1,2 +0,0 @@
-export { default as UiColorField } from './UiColorField.vue'
-export type { UiColorFieldProps } from './types'