@livestorm/ui-vue 2.0.5 → 4.0.0

package/dist/utils.mjs

@@ -1,201 +1,172 @@
-import { BREAKPOINT_2XL as Y, BREAKPOINT_LG as Z, BREAKPOINT_MD as ee, BREAKPOINT_SM as te, BREAKPOINT_XL as ne, BREAKPOINT_XL_PLUS as oe } from "./breakpoints.mjs";
+import { a as e, r as t, s as n, t as r } from "./UiTooltip-DZcPD6_N.mjs";
+import { RenderSlot as i, getSlotAsComponent as a, unwrapFragments as o, useSlotsAsComponents as s } from "./slot.mjs";
+import { a as c } from "./i18n-B8QOMuFD.mjs";
+import { BREAKPOINT_2XL as l, BREAKPOINT_LG as u, BREAKPOINT_MD as d, BREAKPOINT_SM as f, BREAKPOINT_XL as p, BREAKPOINT_XL_PLUS as m } from "./breakpoints.mjs";
+import { useResponsive as h } from "./responsive.mjs";
+import { t as g } from "./a11y-CaZxRWzo.mjs";
 import "./bus.mjs";
-import { computed as l, createApp as g, h as y, ref as T, watch as x, onUnmounted as k, getCurrentInstance as S, onMounted as _, nextTick as w } from "vue";
-import { useClipboard as b, usePermission as A, onKeyDown as C } from "@vueuse/core";
-import { u as E } from "./i18n-Cktw9hIu.mjs";
-import { b as I, _ as R, c as B, a as P } from "./a11y-BhF_nl7L.mjs";
-import { f as ie } from "./a11y-BhF_nl7L.mjs";
-import { useResponsive as ue } from "./responsive.mjs";
-import { useRoute as $, useRouter as q } from "vue-router";
-import { RenderSlot as ae, getSlotAsComponent as de, unwrapFragments as le, useSlotsAsComponents as fe } from "./slot.mjs";
-let v = null;
-function L(s, i) {
-  v && v();
-  const e = s.getBoundingClientRect(), t = document.createElement("div");
-  document.body.appendChild(t);
-  const f = g({
-    render: () => y(I, null, () => y(R, { open: !0, delayDuration: 0 }, () => [
-      y(B, { asChild: !0 }, () => y("span", {
-        "aria-hidden": "true",
-        style: {
-          position: "fixed",
-          left: `${e.left}px`,
-          top: `${e.top}px`,
-          width: `${e.width}px`,
-          height: `${e.height}px`,
-          pointerEvents: "none"
-        }
-      })),
-      y(P, { side: "top" }, () => i),
-      // The bubble lives in reka's portal where attrs like role are not
-      // forwardable; announce the feedback from a visually hidden live
-      // region instead so screen readers hear the copy confirmation.
-      y("span", {
-        role: "status",
-        style: {
-          position: "absolute",
-          width: "1px",
-          height: "1px",
-          overflow: "hidden",
-          clipPath: "inset(50%)"
-        }
-      }, i)
-    ]))
-  });
-  f.mount(t);
-  let a = !1;
-  const u = () => {
-    a || (a = !0, v === u && (v = null), f.unmount(), t.remove());
-  };
-  return v = u, u;
+import { computed as _, createApp as v, getCurrentInstance as y, h as b, nextTick as x, onMounted as S, onUnmounted as C, ref as w, watch as T } from "vue";
+import { onKeyDown as E, useClipboard as D, usePermission as O } from "@vueuse/core";
+import { useRoute as k, useRouter as A } from "vue-router";
+//#region src/utils/clipboard.js
+var j = null;
+function M(i, a) {
+	j && j();
+	let o = i.getBoundingClientRect(), s = document.createElement("div");
+	document.body.appendChild(s);
+	let c = v({ render: () => b(n, null, () => b(r, {
+		open: !0,
+		delayDuration: 0
+	}, () => [
+		b(e, { asChild: !0 }, () => b("span", {
+			"aria-hidden": "true",
+			style: {
+				position: "fixed",
+				left: `${o.left}px`,
+				top: `${o.top}px`,
+				width: `${o.width}px`,
+				height: `${o.height}px`,
+				pointerEvents: "none"
+			}
+		})),
+		b(t, { side: "top" }, () => a),
+		b("span", {
+			role: "status",
+			style: {
+				position: "absolute",
+				width: "1px",
+				height: "1px",
+				overflow: "hidden",
+				clipPath: "inset(50%)"
+			}
+		}, a)
+	])) });
+	c.mount(s);
+	let l = !1, u = () => {
+		l || (l = !0, j === u && (j = null), c.unmount(), s.remove());
+	};
+	return j = u, u;
 }
-function H() {
-  const { isSupported: s, copy: i } = b(), e = A("clipboard-write"), t = E(), f = l(() => s.value && e.value);
-  async function a(u, d, m = t("general_misc_copied-text")) {
-    if (await i(u), d) {
-      d.classList.add("copied");
-      const n = L(d, m);
-      setTimeout(() => {
-        d.classList.remove("copied"), n();
-      }, 600);
-    }
-  }
-  return {
-    canCopy: f,
-    copy: a
-  };
+function N() {
+	let { isSupported: e, copy: t } = D(), n = O("clipboard-write"), r = c(), i = _(() => e.value && n.value);
+	async function a(e, n, i = r("general_misc_copied-text")) {
+		if (await t(e), n) {
+			n.classList.add("copied");
+			let e = M(n, i);
+			setTimeout(() => {
+				n.classList.remove("copied"), e();
+			}, 600);
+		}
+	}
+	return {
+		canCopy: i,
+		copy: a
+	};
 }
-function Q(s, i = !1) {
-  const e = $(), t = q(), f = `${s}-`;
-  function a() {
-    const n = [];
-    for (const r in e.query)
-      r.startsWith(f) && n.push(r);
-    return n;
-  }
-  function u(n) {
-    return n === "true" ? !0 : n === "false" ? !1 : n ?? !1;
-  }
-  const d = l(() => {
-    if (i) {
-      const n = a();
-      if (n.length === 0)
-        return !1;
-      const r = {};
-      for (const c of n)
-        r[c.substring(f.length)] = u(e.query[c]);
-      return r;
-    } else
-      return u(e.query[s]);
-  }), m = !!d.value;
-  return l({
-    get: () => d.value,
-    set: (n) => {
-      if (n === d.value) return;
-      const r = n == null || n === !1;
-      if (r && !m)
-        t.back();
-      else {
-        let c;
-        if (i)
-          if (c = {}, r) {
-            const h = a();
-            for (const o of h)
-              c[o] = void 0;
-          } else
-            for (const h in n)
-              c[`${s}-${h}`] = n[h];
-        else
-          c = {
-            [s]: r ? void 0 : n
-          };
-        t[r ? "replace" : "push"]({
-          ...e,
-          query: {
-            ...e.query,
-            ...c
-          }
-        });
-      }
-    }
-  });
+//#endregion
+//#region src/utils/router.js
+function P(e, t = !1) {
+	let n = k(), r = A(), i = `${e}-`;
+	function a() {
+		let e = [];
+		for (let t in n.query) t.startsWith(i) && e.push(t);
+		return e;
+	}
+	function o(e) {
+		return e === "true" ? !0 : e === "false" ? !1 : e ?? !1;
+	}
+	let s = _(() => {
+		if (t) {
+			let e = a();
+			if (e.length === 0) return !1;
+			let t = {};
+			for (let r of e) t[r.substring(i.length)] = o(n.query[r]);
+			return t;
+		}
+		return o(n.query[e]);
+	}), c = !!s.value;
+	return _({
+		get: () => s.value,
+		set: (i) => {
+			if (i === s.value) return;
+			let o = i == null || i === !1;
+			if (o && !c) r.back();
+			else {
+				let s;
+				if (t) {
+					if (s = {}, o) {
+						let e = a();
+						for (let t of e) s[t] = void 0;
+					} else for (let t in i) s[`${e}-${t}`] = i[t];
+				} else s = { [e]: o ? void 0 : i };
+				r[o ? "replace" : "push"]({
+					...n,
+					query: {
+						...n.query,
+						...s
+					}
+				});
+			}
+		}
+	});
 }
-let K = 0;
-const p = T([]), O = l(() => p.value.length > 0);
-function W(s, i) {
-  const e = K++, t = l(() => p.value.findIndex((o) => o.id === e));
-  function f() {
-    p.value.some((o) => o.id === e) || p.value.push({
-      id: e,
-      type: i
-    });
-  }
-  function a() {
-    t.value !== -1 && p.value.splice(t.value, 1);
-  }
-  x(s, (o) => {
-    o ? f() : a();
-  }, {
-    immediate: !0
-  }), k(() => {
-    a();
-  });
-  const u = l(() => e === p.value[p.value.length - 1]?.id), d = l(() => t.value > 0), m = l(() => p.value.filter((o) => o.type === i)), n = l(() => m.value.findIndex((o) => o.id === e) < m.value.length - 1), r = l(() => m.value.findIndex((o) => o.id === e) > 0), c = [];
-  function h(o) {
-    c.push(o);
-  }
-  return C("Escape", () => {
-    u.value && c.forEach((o) => o());
-  }), {
-    isActiveStacked: u,
-    hasStackedBehind: d,
-    isBehindSameType: n,
-    hasStackedSameTypeBehind: r,
-    stackIndex: t,
-    onClose: h
-  };
+//#endregion
+//#region src/utils/stack-view.js
+var F = 0, I = w([]), L = _(() => I.value.length > 0);
+function R(e, t) {
+	let n = F++, r = _(() => I.value.findIndex((e) => e.id === n));
+	function i() {
+		I.value.some((e) => e.id === n) || I.value.push({
+			id: n,
+			type: t
+		});
+	}
+	function a() {
+		r.value !== -1 && I.value.splice(r.value, 1);
+	}
+	T(e, (e) => {
+		e ? i() : a();
+	}, { immediate: !0 }), C(() => {
+		a();
+	});
+	let o = _(() => n === I.value[I.value.length - 1]?.id), s = _(() => r.value > 0), c = _(() => I.value.filter((e) => e.type === t)), l = _(() => c.value.findIndex((e) => e.id === n) < c.value.length - 1), u = _(() => c.value.findIndex((e) => e.id === n) > 0), d = [];
+	function f(e) {
+		d.push(e);
+	}
+	return E("Escape", () => {
+		o.value && d.forEach((e) => e());
+	}), {
+		isActiveStacked: o,
+		hasStackedBehind: s,
+		isBehindSameType: l,
+		hasStackedSameTypeBehind: u,
+		stackIndex: r,
+		onClose: f
+	};
 }
-typeof document < "u" && x(O, (s) => {
-  s ? document.documentElement.classList.add("overflow-hidden") : document.documentElement.classList.remove("overflow-hidden");
-}, {
-  immediate: !0
-});
-function j() {
-  const s = S();
-  let i = null;
-  _(async () => {
-    await w();
-    const e = s.proxy.$el;
-    if (!e?.querySelector) return;
-    let t = e.querySelector("[data-stackview-autofocus]");
-    t ? ["INPUT", "A", "BUTTON", "TEXTAREA"].includes(t.tagName) || (t = t.querySelector("input, a, button, textarea") || t) : (t = e.querySelector('button[type="submit"]'), console.warn(
-      "%cDEV",
-      "background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;",
-      "A element should have the data-stackview-autofocus attribute in this component. Fallback to submit button."
-    )), clearTimeout(i), i = setTimeout(() => t?.focus(), 150);
-  });
+typeof document < "u" && T(L, (e) => {
+	e ? document.documentElement.classList.add("overflow-hidden") : document.documentElement.classList.remove("overflow-hidden");
+}, { immediate: !0 });
+function z() {
+	let e = y(), t = null;
+	S(async () => {
+		await x();
+		let n = e.proxy.$el;
+		if (!n?.querySelector) return;
+		let r = n.querySelector("[data-stackview-autofocus]");
+		r ? [
+			"INPUT",
+			"A",
+			"BUTTON",
+			"TEXTAREA"
+		].includes(r.tagName) || (r = r.querySelector("input, a, button, textarea") || r) : (r = n.querySelector("button[type=\"submit\"]"), console.warn("%cDEV", "background: red; color: white; padding: 2px 4px; border-radius: 3px; font-weight: bold;", "A element should have the data-stackview-autofocus attribute in this component. Fallback to submit button.")), clearTimeout(t), t = setTimeout(() => r?.focus(), 150);
+	});
 }
-let U = 0;
-function G() {
-  return ++U;
+//#endregion
+//#region src/utils/uid.js
+var B = 0;
+function V() {
+	return ++B;
 }
-export {
-  Y as BREAKPOINT_2XL,
-  Z as BREAKPOINT_LG,
-  ee as BREAKPOINT_MD,
-  te as BREAKPOINT_SM,
-  ne as BREAKPOINT_XL,
-  oe as BREAKPOINT_XL_PLUS,
-  ae as RenderSlot,
-  ie as focusFirstMenuItem,
-  de as getSlotAsComponent,
-  G as getUid,
-  O as hasStackedComponents,
-  le as unwrapFragments,
-  H as useCopyToClipboard,
-  ue as useResponsive,
-  Q as useRouteQueryModel,
-  fe as useSlotsAsComponents,
-  j as useStackAutofocus,
-  W as useStackedComponent
-};
+//#endregion
+export { l as BREAKPOINT_2XL, u as BREAKPOINT_LG, d as BREAKPOINT_MD, f as BREAKPOINT_SM, p as BREAKPOINT_XL, m as BREAKPOINT_XL_PLUS, i as RenderSlot, g as focusFirstMenuItem, a as getSlotAsComponent, V as getUid, L as hasStackedComponents, o as unwrapFragments, N as useCopyToClipboard, h as useResponsive, P as useRouteQueryModel, s as useSlotsAsComponents, z as useStackAutofocus, R as useStackedComponent };

package/index.d.ts

@@ -18,29 +18,41 @@ export { default as UiButtonGroup } from './src/components/UiButtonGroup/UiButto
 export { default as UiButtonGroupItem } from './src/components/UiButtonGroup/UiButtonGroupItem.vue'
 export { default as UiCard } from './src/components/UiCard/UiCard.vue'
 export { default as UiCarousel } from './src/components/UiCarousel/UiCarousel.vue'
+export { default as UiChoice } from './src/components/UiChoice/UiChoice.vue'
 export { default as UiColorField } from './src/components/UiColorField/UiColorField.vue'
 export { default as UiColorPicker } from './src/components/UiColorPicker/UiColorPicker.vue'
+export { default as UiCombobox } from './src/components/UiCombobox/UiCombobox.vue'
+export { default as UiDataTable } from './src/components/UiDataTable/UiDataTable.vue'
 export { default as UiDialog } from './src/components/UiDialog/UiDialog.vue'
 export { default as UiDialogClose } from './src/components/UiDialog/UiDialogClose.vue'
 export { default as UiDialogContent } from './src/components/UiDialog/UiDialogContent.vue'
 export { default as UiDialogFooter } from './src/components/UiDialog/UiDialogFooter.vue'
 export { default as UiDialogTrigger } from './src/components/UiDialog/UiDialogTrigger.vue'
+export { default as UiDrawer } from './src/components/UiDrawer/UiDrawer.vue'
+export { default as UiDrawerContent } from './src/components/UiDrawer/UiDrawerContent.vue'
+export { default as UiDrawerTrigger } from './src/components/UiDrawer/UiDrawerTrigger.vue'
 export { default as UiDropdown } from './src/components/UiDropdown/UiDropdown.vue'
 export { default as UiDropdownContent } from './src/components/UiDropdown/UiDropdownContent.vue'
+export { default as UiDropdownGroup } from './src/components/UiDropdown/UiDropdownGroup.vue'
 export { default as UiDropdownItem } from './src/components/UiDropdown/UiDropdownItem.vue'
 export { default as UiDropdownSeparator } from './src/components/UiDropdown/UiDropdownSeparator.vue'
 export { default as UiDropdownTrigger } from './src/components/UiDropdown/UiDropdownTrigger.vue'
+export { default as UiEmojiPickerList } from './src/components/UiEmojiPickerList/UiEmojiPickerList.vue'
 export { default as UiEmptyState } from './src/components/UiEmptyState/UiEmptyState.vue'
 export { default as UiFieldWrapper } from './src/components/UiFieldWrapper/UiFieldWrapper.vue'
 export { default as UiFormField } from './src/components/UiForm/UiFormField.vue'
 export { default as UiHorizontalSeparator } from './src/components/UiHorizontalSeparator/UiHorizontalSeparator.vue'
 export { default as UiInputCheckbox } from './src/components/UiInputCheckbox/UiInputCheckbox.vue'
+export { default as UiInputEmoji } from './src/components/UiInputEmoji/UiInputEmoji.vue'
+export { default as UiInputRadio } from './src/components/UiInputRadio/UiInputRadio.vue'
+export { default as UiInputRadioGroup } from './src/components/UiInputRadio/UiInputRadioGroup.vue'
 export { default as UiInputSelect } from './src/components/UiInputSelect/UiInputSelect.vue'
 export { default as UiInputTextarea } from './src/components/UiInputTextarea/UiInputTextarea.vue'
 export { default as UiLabel } from './src/components/UiLabel/UiLabel.vue'
 export { default as UiList } from './src/components/UiList/UiList.vue'
 export { default as UiListItem } from './src/components/UiListItem/UiListItem.vue'
 export { default as UiLoader } from './src/components/UiLoader/UiLoader.vue'
+export { default as UiSpinnerIcon } from './src/components/UiLoader/UiSpinnerIcon.vue'
 export { default as UiLogo } from './src/components/UiLogo/UiLogo.vue'
 export { default as UiMenu } from './src/components/UiMenu/UiMenu.vue'
 export { default as UiMenuContent } from './src/components/UiMenu/UiMenuContent.vue'
@@ -52,14 +64,21 @@ export { default as UiMenuSub } from './src/components/UiMenu/UiMenuSub.vue'
 export { default as UiMenuSubContent } from './src/components/UiMenu/UiMenuSubContent.vue'
 export { default as UiMenuSubTrigger } from './src/components/UiMenu/UiMenuSubTrigger.vue'
 export { default as UiMenuTrigger } from './src/components/UiMenu/UiMenuTrigger.vue'
+export { default as UiNestedOptions } from './src/components/UiNestedOptions/UiNestedOptions.vue'
 export { default as UiPage } from './src/components/UiPage/UiPage.vue'
 export { default as UiPageHeader } from './src/components/UiPageHeader/UiPageHeader.vue'
+export { default as UiPagination } from './src/components/UiPagination/UiPagination.vue'
+export { default as UiPane } from './src/components/UiPane/UiPane.vue'
+export { default as UiPaneContent } from './src/components/UiPane/UiPaneContent.vue'
+export { default as UiPaneTrigger } from './src/components/UiPane/UiPaneTrigger.vue'
 export { default as UiPopover } from './src/components/UiPopover/UiPopover.vue'
 export { default as UiPopoverAnchor } from './src/components/UiPopover/UiPopoverAnchor.vue'
 export { default as UiPopoverContent } from './src/components/UiPopover/UiPopoverContent.vue'
 export { default as UiPopoverTrigger } from './src/components/UiPopover/UiPopoverTrigger.vue'
 export { default as UiProgress } from './src/components/UiProgress/UiProgress.vue'
+export { default as UiRating } from './src/components/UiRating/UiRating.vue'
 export { default as UiRoomButton } from './src/components/UiRoomButton/UiRoomButton.vue'
+export { default as UiRoomCountdown } from './src/components/UiRoomCountdown/UiRoomCountdown.vue'
 export { default as UiShell } from './src/components/UiShell/UiShell.vue'
 export { default as UiSideMenu } from './src/components/UiSideMenu/UiSideMenu.vue'
 export { default as UiSideMenuBottom } from './src/components/UiSideMenu/UiSideMenuBottom.vue'
@@ -72,7 +91,10 @@ export { default as UiStepperIndicator } from './src/components/UiStepper/UiStep
 export { default as UiStepperItem } from './src/components/UiStepper/UiStepperItem.vue'
 export { default as UiStepperSeparator } from './src/components/UiStepper/UiStepperSeparator.vue'
 export { default as UiStepperTitle } from './src/components/UiStepper/UiStepperTitle.vue'
+export { default as UiSwitch } from './src/components/UiSwitch/UiSwitch.vue'
 export { default as UiTable } from './src/components/UiTable/UiTable.vue'
+export { default as UiTableActionsCell } from './src/components/UiTable/UiTableActionsCell.vue'
+export { default as UiTableActionsHeaderCell } from './src/components/UiTable/UiTableActionsHeaderCell.vue'
 export { default as UiTableBody } from './src/components/UiTable/UiTableBody.vue'
 export { default as UiTableCell } from './src/components/UiTable/UiTableCell.vue'
 export { default as UiTableHeader } from './src/components/UiTable/UiTableHeader.vue'

package/index.js

@@ -20,29 +20,41 @@ import UiButtonGroup from './src/components/UiButtonGroup/UiButtonGroup.vue'
 import UiButtonGroupItem from './src/components/UiButtonGroup/UiButtonGroupItem.vue'
 import UiCard from './src/components/UiCard/UiCard.vue'
 import UiCarousel from './src/components/UiCarousel/UiCarousel.vue'
+import UiChoice from './src/components/UiChoice/UiChoice.vue'
 import UiColorField from './src/components/UiColorField/UiColorField.vue'
 import UiColorPicker from './src/components/UiColorPicker/UiColorPicker.vue'
+import UiCombobox from './src/components/UiCombobox/UiCombobox.vue'
+import UiDataTable from './src/components/UiDataTable/UiDataTable.vue'
 import UiDialog from './src/components/UiDialog/UiDialog.vue'
 import UiDialogClose from './src/components/UiDialog/UiDialogClose.vue'
 import UiDialogContent from './src/components/UiDialog/UiDialogContent.vue'
 import UiDialogFooter from './src/components/UiDialog/UiDialogFooter.vue'
 import UiDialogTrigger from './src/components/UiDialog/UiDialogTrigger.vue'
+import UiDrawer from './src/components/UiDrawer/UiDrawer.vue'
+import UiDrawerContent from './src/components/UiDrawer/UiDrawerContent.vue'
+import UiDrawerTrigger from './src/components/UiDrawer/UiDrawerTrigger.vue'
 import UiDropdown from './src/components/UiDropdown/UiDropdown.vue'
 import UiDropdownContent from './src/components/UiDropdown/UiDropdownContent.vue'
+import UiDropdownGroup from './src/components/UiDropdown/UiDropdownGroup.vue'
 import UiDropdownItem from './src/components/UiDropdown/UiDropdownItem.vue'
 import UiDropdownSeparator from './src/components/UiDropdown/UiDropdownSeparator.vue'
 import UiDropdownTrigger from './src/components/UiDropdown/UiDropdownTrigger.vue'
+import UiEmojiPickerList from './src/components/UiEmojiPickerList/UiEmojiPickerList.vue'
 import UiEmptyState from './src/components/UiEmptyState/UiEmptyState.vue'
 import UiFieldWrapper from './src/components/UiFieldWrapper/UiFieldWrapper.vue'
 import UiFormField from './src/components/UiForm/UiFormField.vue'
 import UiHorizontalSeparator from './src/components/UiHorizontalSeparator/UiHorizontalSeparator.vue'
 import UiInputCheckbox from './src/components/UiInputCheckbox/UiInputCheckbox.vue'
+import UiInputEmoji from './src/components/UiInputEmoji/UiInputEmoji.vue'
+import UiInputRadio from './src/components/UiInputRadio/UiInputRadio.vue'
+import UiInputRadioGroup from './src/components/UiInputRadio/UiInputRadioGroup.vue'
 import UiInputSelect from './src/components/UiInputSelect/UiInputSelect.vue'
 import UiInputTextarea from './src/components/UiInputTextarea/UiInputTextarea.vue'
 import UiLabel from './src/components/UiLabel/UiLabel.vue'
 import UiList from './src/components/UiList/UiList.vue'
 import UiListItem from './src/components/UiListItem/UiListItem.vue'
 import UiLoader from './src/components/UiLoader/UiLoader.vue'
+import UiSpinnerIcon from './src/components/UiLoader/UiSpinnerIcon.vue'
 import UiLogo from './src/components/UiLogo/UiLogo.vue'
 import UiMenu from './src/components/UiMenu/UiMenu.vue'
 import UiMenuContent from './src/components/UiMenu/UiMenuContent.vue'
@@ -54,14 +66,21 @@ import UiMenuSub from './src/components/UiMenu/UiMenuSub.vue'
 import UiMenuSubContent from './src/components/UiMenu/UiMenuSubContent.vue'
 import UiMenuSubTrigger from './src/components/UiMenu/UiMenuSubTrigger.vue'
 import UiMenuTrigger from './src/components/UiMenu/UiMenuTrigger.vue'
+import UiNestedOptions from './src/components/UiNestedOptions/UiNestedOptions.vue'
 import UiPage from './src/components/UiPage/UiPage.vue'
 import UiPageHeader from './src/components/UiPageHeader/UiPageHeader.vue'
+import UiPagination from './src/components/UiPagination/UiPagination.vue'
+import UiPane from './src/components/UiPane/UiPane.vue'
+import UiPaneContent from './src/components/UiPane/UiPaneContent.vue'
+import UiPaneTrigger from './src/components/UiPane/UiPaneTrigger.vue'
 import UiPopover from './src/components/UiPopover/UiPopover.vue'
 import UiPopoverAnchor from './src/components/UiPopover/UiPopoverAnchor.vue'
 import UiPopoverContent from './src/components/UiPopover/UiPopoverContent.vue'
 import UiPopoverTrigger from './src/components/UiPopover/UiPopoverTrigger.vue'
 import UiProgress from './src/components/UiProgress/UiProgress.vue'
+import UiRating from './src/components/UiRating/UiRating.vue'
 import UiRoomButton from './src/components/UiRoomButton/UiRoomButton.vue'
+import UiRoomCountdown from './src/components/UiRoomCountdown/UiRoomCountdown.vue'
 import UiShell from './src/components/UiShell/UiShell.vue'
 import UiSideMenu from './src/components/UiSideMenu/UiSideMenu.vue'
 import UiSideMenuBottom from './src/components/UiSideMenu/UiSideMenuBottom.vue'
@@ -74,7 +93,10 @@ import UiStepperIndicator from './src/components/UiStepper/UiStepperIndicator.vu
 import UiStepperItem from './src/components/UiStepper/UiStepperItem.vue'
 import UiStepperSeparator from './src/components/UiStepper/UiStepperSeparator.vue'
 import UiStepperTitle from './src/components/UiStepper/UiStepperTitle.vue'
+import UiSwitch from './src/components/UiSwitch/UiSwitch.vue'
 import UiTable from './src/components/UiTable/UiTable.vue'
+import UiTableActionsCell from './src/components/UiTable/UiTableActionsCell.vue'
+import UiTableActionsHeaderCell from './src/components/UiTable/UiTableActionsHeaderCell.vue'
 import UiTableBody from './src/components/UiTable/UiTableBody.vue'
 import UiTableCell from './src/components/UiTable/UiTableCell.vue'
 import UiTableHeader from './src/components/UiTable/UiTableHeader.vue'
@@ -105,29 +127,41 @@ export {
   UiButtonGroupItem,
   UiCard,
   UiCarousel,
+  UiChoice,
   UiColorField,
   UiColorPicker,
+  UiCombobox,
+  UiDataTable,
   UiDialog,
   UiDialogClose,
   UiDialogContent,
   UiDialogFooter,
   UiDialogTrigger,
+  UiDrawer,
+  UiDrawerContent,
+  UiDrawerTrigger,
   UiDropdown,
   UiDropdownContent,
+  UiDropdownGroup,
   UiDropdownItem,
   UiDropdownSeparator,
   UiDropdownTrigger,
+  UiEmojiPickerList,
   UiEmptyState,
   UiFieldWrapper,
   UiFormField,
   UiHorizontalSeparator,
   UiInputCheckbox,
+  UiInputEmoji,
+  UiInputRadio,
+  UiInputRadioGroup,
   UiInputSelect,
   UiInputTextarea,
   UiLabel,
   UiList,
   UiListItem,
   UiLoader,
+  UiSpinnerIcon,
   UiLogo,
   UiMenu,
   UiMenuContent,
@@ -139,14 +173,21 @@ export {
   UiMenuSubContent,
   UiMenuSubTrigger,
   UiMenuTrigger,
+  UiNestedOptions,
   UiPage,
   UiPageHeader,
+  UiPagination,
+  UiPane,
+  UiPaneContent,
+  UiPaneTrigger,
   UiPopover,
   UiPopoverAnchor,
   UiPopoverContent,
   UiPopoverTrigger,
   UiProgress,
+  UiRating,
   UiRoomButton,
+  UiRoomCountdown,
   UiShell,
   UiSideMenu,
   UiSideMenuBottom,
@@ -159,7 +200,10 @@ export {
   UiStepperItem,
   UiStepperSeparator,
   UiStepperTitle,
+  UiSwitch,
   UiTable,
+  UiTableActionsCell,
+  UiTableActionsHeaderCell,
   UiTableBody,
   UiTableCell,
   UiTableHeader,