@livestorm/ui-vue 1.1.3 → 2.0.0

package/dist/utils.mjs

@@ -0,0 +1,111 @@
+import { BREAKPOINT_2XL as M, BREAKPOINT_LG as V, BREAKPOINT_MD as b, BREAKPOINT_SM as w, BREAKPOINT_XL as N, BREAKPOINT_XL_PLUS as X } from "./breakpoints.mjs";
+import "./bus.mjs";
+import { computed as m } from "vue";
+import { useClipboard as y, usePermission as h } from "@vueuse/core";
+import R from "i18next";
+import { createTooltip as g, destroyTooltip as T } from "floating-vue";
+import { useResponsive as F } from "./responsive.mjs";
+import { useRoute as A, useRouter as _ } from "vue-router";
+import { RenderSlot as U, getSlotAsComponent as W, unwrapFragments as j, useSlotsAsComponents as D } from "./slot.mjs";
+import { f as z, h as H, a as J, u as Y } from "./a11y-DIdrv5Mn.mjs";
+function B() {
+  const { isSupported: n, copy: u } = y(), s = h("clipboard-write"), c = m(() => n.value && s.value);
+  async function f(p, o, i = R.t("general_misc_copied-text")) {
+    if (await u(p), o) {
+      o.classList.add("copied");
+      const a = g(o, {
+        triggers: [],
+        content: i,
+        delay: 0
+      });
+      a.show(), setTimeout(() => {
+        o.classList.remove("copied"), a.hide(), setTimeout(() => {
+          T(o);
+        }, 400);
+      }, 600);
+    }
+  }
+  return {
+    canCopy: c,
+    copy: f
+  };
+}
+function E(n, u = !1) {
+  const s = A(), c = _(), f = `${n}-`;
+  function p() {
+    const t = [];
+    for (const e in s.query)
+      e.startsWith(f) && t.push(e);
+    return t;
+  }
+  function o(t) {
+    return t === "true" ? !0 : t === "false" ? !1 : t ?? !1;
+  }
+  const i = m(() => {
+    if (u) {
+      const t = p();
+      if (t.length === 0)
+        return !1;
+      const e = {};
+      for (const r of t)
+        e[r.substring(f.length)] = o(s.query[r]);
+      return e;
+    } else
+      return o(s.query[n]);
+  }), a = !!i.value;
+  return m({
+    get: () => i.value,
+    set: (t) => {
+      if (t === i.value) return;
+      const e = t == null || t === !1;
+      if (e && !a)
+        c.back();
+      else {
+        let r;
+        if (u)
+          if (r = {}, e) {
+            const d = p();
+            for (const l of d)
+              r[l] = void 0;
+          } else
+            for (const d in t)
+              r[`${n}-${d}`] = t[d];
+        else
+          r = {
+            [n]: e ? void 0 : t
+          };
+        c[e ? "replace" : "push"]({
+          ...s,
+          query: {
+            ...s.query,
+            ...r
+          }
+        });
+      }
+    }
+  });
+}
+let C = 0;
+function K() {
+  return ++C;
+}
+export {
+  M as BREAKPOINT_2XL,
+  V as BREAKPOINT_LG,
+  b as BREAKPOINT_MD,
+  w as BREAKPOINT_SM,
+  N as BREAKPOINT_XL,
+  X as BREAKPOINT_XL_PLUS,
+  U as RenderSlot,
+  z as focusFirstMenuItem,
+  W as getSlotAsComponent,
+  K as getUid,
+  H as hasStackedComponents,
+  j as unwrapFragments,
+  B as useCopyToClipboard,
+  F as useResponsive,
+  E as useRouteQueryModel,
+  D as useSlotsAsComponents,
+  J as useStackAutofocus,
+  Y as useStackedComponent
+};

package/index.d.ts

@@ -1,3 +1,89 @@
-// @TODO remove when ui-vue is migrated to TS
+/**
+ * AUTO-GENERATED by scripts/generate-global-types.js — do not edit manually.
+ */
 
-export function install (app: any): void
+/// <reference path="./src/global.d.ts" />
+
+export { default as UiActionBar } from './src/components/UiActionBar/UiActionBar.vue'
+export { default as UiActionBarItem } from './src/components/UiActionBar/UiActionBarItem.vue'
+export { default as UiActionBarSeparator } from './src/components/UiActionBar/UiActionBarSeparator.vue'
+export { default as UiAnimatedLogo } from './src/components/UiAnimatedLogo/UiAnimatedLogo.vue'
+export { default as UiAvatar } from './src/components/UiAvatar/UiAvatar.vue'
+export { default as UiAvatarList } from './src/components/UiAvatarList/UiAvatarList.vue'
+export { default as UiBadge } from './src/components/UiBadge/UiBadge.vue'
+export { default as UiBanner } from './src/components/UiBanner/UiBanner.vue'
+export { default as UiBreadcrumb } from './src/components/UiBreadcrumb/UiBreadcrumb.vue'
+export { default as UiButton } from './src/components/UiButton/UiButton.vue'
+export { default as UiButtonGroup } from './src/components/UiButtonGroup/UiButtonGroup.vue'
+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 UiColorField } from './src/components/UiColorField/UiColorField.vue'
+export { default as UiColorPicker } from './src/components/UiColorPicker/UiColorPicker.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 UiDropdown } from './src/components/UiDropdown/UiDropdown.vue'
+export { default as UiDropdownContent } from './src/components/UiDropdown/UiDropdownContent.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 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 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 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'
+export { default as UiMenuGroup } from './src/components/UiMenu/UiMenuGroup.vue'
+export { default as UiMenuItem } from './src/components/UiMenu/UiMenuItem.vue'
+export { default as UiMenuLabel } from './src/components/UiMenu/UiMenuLabel.vue'
+export { default as UiMenuSeparator } from './src/components/UiMenu/UiMenuSeparator.vue'
+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 UiPage } from './src/components/UiPage/UiPage.vue'
+export { default as UiPageHeader } from './src/components/UiPageHeader/UiPageHeader.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 UiRoomButton } from './src/components/UiRoomButton/UiRoomButton.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'
+export { default as UiSideMenuItem } from './src/components/UiSideMenu/UiSideMenuItem.vue'
+export { default as UiSideMenuItemContent } from './src/components/UiSideMenu/UiSideMenuItemContent.vue'
+export { default as UiSideMenuTop } from './src/components/UiSideMenu/UiSideMenuTop.vue'
+export { default as UiStepper } from './src/components/UiStepper/UiStepper.vue'
+export { default as UiStepperDescription } from './src/components/UiStepper/UiStepperDescription.vue'
+export { default as UiStepperIndicator } from './src/components/UiStepper/UiStepperIndicator.vue'
+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 UiTable } from './src/components/UiTable/UiTable.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'
+export { default as UiTableHeaderCell } from './src/components/UiTable/UiTableHeaderCell.vue'
+export { default as UiTableRow } from './src/components/UiTable/UiTableRow.vue'
+export { default as UiTabs } from './src/components/UiTabs/UiTabs.vue'
+export { default as UiTag } from './src/components/UiTag/UiTag.vue'
+export { default as UiTextField } from './src/components/UiTextField/UiTextField.vue'
+export { default as UiTimeline } from './src/components/UiTimeline/UiTimeline.vue'
+export { default as UiTimelineItem } from './src/components/UiTimeline/UiTimelineItem.vue'
+export { default as UiTooltip } from './src/components/UiTooltip/UiTooltip.vue'
+export { default as UiTooltipContent } from './src/components/UiTooltip/UiTooltipContent.vue'
+export { default as UiTooltipProvider } from './src/components/UiTooltip/UiTooltipProvider.vue'
+export { default as UiTooltipTrigger } from './src/components/UiTooltip/UiTooltipTrigger.vue'

package/index.js

@@ -1,24 +1,177 @@
 /**
- * This entry file is not loaded by livestorm-app
- * Only useful for the export of the library
+ * Package entry: exports every Ui* component.
+ *
+ * AUTO-GENERATED by scripts/generate-global-types.js — do not edit manually.
  */
 
 import './style'
 
-import BaseButton from './src/components/BaseButton/BaseButton.vue'
-import BaseCheckbox from './src/components/BaseCheckbox/BaseCheckbox.vue'
-import BaseModal from './src/components/BaseModal/BaseModal.vue'
-import BaseBanner from './src/components/BaseBanner/BaseBanner.vue'
-import BaseAutocomplete from './src/components/BaseAutocomplete/BaseAutocomplete.vue'
-
-import './src/css/tailwind-utilities.postcss'
-
-export * from './plugins'
+import UiActionBar from './src/components/UiActionBar/UiActionBar.vue'
+import UiActionBarItem from './src/components/UiActionBar/UiActionBarItem.vue'
+import UiActionBarSeparator from './src/components/UiActionBar/UiActionBarSeparator.vue'
+import UiAnimatedLogo from './src/components/UiAnimatedLogo/UiAnimatedLogo.vue'
+import UiAvatar from './src/components/UiAvatar/UiAvatar.vue'
+import UiAvatarList from './src/components/UiAvatarList/UiAvatarList.vue'
+import UiBadge from './src/components/UiBadge/UiBadge.vue'
+import UiBanner from './src/components/UiBanner/UiBanner.vue'
+import UiBreadcrumb from './src/components/UiBreadcrumb/UiBreadcrumb.vue'
+import UiButton from './src/components/UiButton/UiButton.vue'
+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 UiColorField from './src/components/UiColorField/UiColorField.vue'
+import UiColorPicker from './src/components/UiColorPicker/UiColorPicker.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 UiDropdown from './src/components/UiDropdown/UiDropdown.vue'
+import UiDropdownContent from './src/components/UiDropdown/UiDropdownContent.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 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 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 UiLogo from './src/components/UiLogo/UiLogo.vue'
+import UiMenu from './src/components/UiMenu/UiMenu.vue'
+import UiMenuContent from './src/components/UiMenu/UiMenuContent.vue'
+import UiMenuGroup from './src/components/UiMenu/UiMenuGroup.vue'
+import UiMenuItem from './src/components/UiMenu/UiMenuItem.vue'
+import UiMenuLabel from './src/components/UiMenu/UiMenuLabel.vue'
+import UiMenuSeparator from './src/components/UiMenu/UiMenuSeparator.vue'
+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 UiPage from './src/components/UiPage/UiPage.vue'
+import UiPageHeader from './src/components/UiPageHeader/UiPageHeader.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 UiRoomButton from './src/components/UiRoomButton/UiRoomButton.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'
+import UiSideMenuItem from './src/components/UiSideMenu/UiSideMenuItem.vue'
+import UiSideMenuItemContent from './src/components/UiSideMenu/UiSideMenuItemContent.vue'
+import UiSideMenuTop from './src/components/UiSideMenu/UiSideMenuTop.vue'
+import UiStepper from './src/components/UiStepper/UiStepper.vue'
+import UiStepperDescription from './src/components/UiStepper/UiStepperDescription.vue'
+import UiStepperIndicator from './src/components/UiStepper/UiStepperIndicator.vue'
+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 UiTable from './src/components/UiTable/UiTable.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'
+import UiTableHeaderCell from './src/components/UiTable/UiTableHeaderCell.vue'
+import UiTableRow from './src/components/UiTable/UiTableRow.vue'
+import UiTabs from './src/components/UiTabs/UiTabs.vue'
+import UiTag from './src/components/UiTag/UiTag.vue'
+import UiTextField from './src/components/UiTextField/UiTextField.vue'
+import UiTimeline from './src/components/UiTimeline/UiTimeline.vue'
+import UiTimelineItem from './src/components/UiTimeline/UiTimelineItem.vue'
+import UiTooltip from './src/components/UiTooltip/UiTooltip.vue'
+import UiTooltipContent from './src/components/UiTooltip/UiTooltipContent.vue'
+import UiTooltipProvider from './src/components/UiTooltip/UiTooltipProvider.vue'
+import UiTooltipTrigger from './src/components/UiTooltip/UiTooltipTrigger.vue'
 
 export {
-  BaseButton as LsButton,
-  BaseCheckbox as LsCheckbox,
-  BaseModal as LsModal,
-  BaseBanner as LsBanner,
-  BaseAutocomplete as LsAutocomplete,
+  UiActionBar,
+  UiActionBarItem,
+  UiActionBarSeparator,
+  UiAnimatedLogo,
+  UiAvatar,
+  UiAvatarList,
+  UiBadge,
+  UiBanner,
+  UiBreadcrumb,
+  UiButton,
+  UiButtonGroup,
+  UiButtonGroupItem,
+  UiCard,
+  UiCarousel,
+  UiColorField,
+  UiColorPicker,
+  UiDialog,
+  UiDialogClose,
+  UiDialogContent,
+  UiDialogFooter,
+  UiDialogTrigger,
+  UiDropdown,
+  UiDropdownContent,
+  UiDropdownItem,
+  UiDropdownSeparator,
+  UiDropdownTrigger,
+  UiEmptyState,
+  UiFieldWrapper,
+  UiFormField,
+  UiHorizontalSeparator,
+  UiInputCheckbox,
+  UiInputSelect,
+  UiInputTextarea,
+  UiLabel,
+  UiList,
+  UiListItem,
+  UiLoader,
+  UiLogo,
+  UiMenu,
+  UiMenuContent,
+  UiMenuGroup,
+  UiMenuItem,
+  UiMenuLabel,
+  UiMenuSeparator,
+  UiMenuSub,
+  UiMenuSubContent,
+  UiMenuSubTrigger,
+  UiMenuTrigger,
+  UiPage,
+  UiPageHeader,
+  UiPopover,
+  UiPopoverAnchor,
+  UiPopoverContent,
+  UiPopoverTrigger,
+  UiProgress,
+  UiRoomButton,
+  UiShell,
+  UiSideMenu,
+  UiSideMenuBottom,
+  UiSideMenuItem,
+  UiSideMenuItemContent,
+  UiSideMenuTop,
+  UiStepper,
+  UiStepperDescription,
+  UiStepperIndicator,
+  UiStepperItem,
+  UiStepperSeparator,
+  UiStepperTitle,
+  UiTable,
+  UiTableBody,
+  UiTableCell,
+  UiTableHeader,
+  UiTableHeaderCell,
+  UiTableRow,
+  UiTabs,
+  UiTag,
+  UiTextField,
+  UiTimeline,
+  UiTimelineItem,
+  UiTooltip,
+  UiTooltipContent,
+  UiTooltipProvider,
+  UiTooltipTrigger,
 }

package/integrations.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public types for `@livestorm/ui-vue/integrations`.
+ *
+ * Thin re-export of the source module (mirroring the runtime entry
+ * `src/integrations/index.js`), so the in-repo declaration can never drift
+ * from the implementation — which is also what the published npm declaration
+ * is generated from. Do NOT re-declare these types by hand: change them in
+ * src/components/Toast/toastDSV2.ts.
+ */
+export * from './src/components/Toast/toastDSV2'

package/package.json

@@ -1,86 +1,154 @@
 {
   "name": "@livestorm/ui-vue",
-  "version": "1.1.3",
+  "version": "2.0.0",
   "description": "Livestorm UI components for Vue 3",
-  "scripts": {
-    "build": "vite build",
-    "test": "pnpm run test:eslint && pnpm run test:vitest:run",
-    "test:eslint": "vue-cli-service lint --no-fix",
-    "test:types": "vue-tsc --noEmit -p ./tsconfig.check.json",
-    "test:vitest": "vitest",
-    "test:vitest:run": "vitest run",
-    "prepublishOnly": "pnpm run test && pnpm run build"
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/livestorm/entropy.git",
+    "directory": "packages/ui-vue"
   },
-  "main": "./dist/ui-vue.umd.js",
-  "module": "./dist/ui-vue.mjs",
-  "types": "./index.d.ts",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "!src/**/*.spec.*",
+    "!src/**/*.stories.*",
+    "!src/**/*.mdx",
+    "!src/**/__tests__",
+    "!src/**/__screenshots__",
+    "!src/**/stories",
+    "index.js",
+    "index.d.ts",
+    "components-vite.js",
+    "components.d.ts",
+    "integrations.d.ts",
+    "theme.d.ts",
+    "style.js"
+  ],
   "dependencies": {
-    "@livestorm/design-tokens": "^2.0.1",
-    "@livestorm/ui-icons": "workspace:^",
-    "@vueuse/core": "^9.0.2",
-    "core-js": "^3.29.1",
-    "floating-vue": "^2.0.0-beta.20",
-    "i18next": "^20.3.2",
-    "mitt": "^3.0.0",
-    "tailwindcss": "^3.0.24",
-    "vue-safe-teleport": "^0.1.2"
+    "@lottiefiles/dotlottie-vue": "^0.11.16",
+    "@tanstack/vue-form": "^1.33.0",
+    "@vueuse/core": "^14.3.0",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-vue": "^8.6.0",
+    "floating-vue": "^5.2.2",
+    "i18next": "^26.3.4",
+    "mitt": "^3.0.1",
+    "reka-ui": "2.9.10",
+    "tailwindcss": "^4.3.2",
+    "vue-safe-teleport": "^0.1.2",
+    "@livestorm/ui-icons": "^2.0.0",
+    "@livestorm/ui-tokens": "^2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.6",
-    "@babel/eslint-parser": "^7.19.1",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^5.4.0",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vitest/ui": "^0.25.2",
-    "@vue/cli-plugin-babel": "^5.0.1",
-    "@vue/cli-plugin-eslint": "^5.0.8",
-    "@vue/cli-service": "^5.0.8",
-    "@vue/compiler-sfc": "^3.2.47",
-    "@vue/eslint-config-standard": "^8.0.1",
-    "@vue/eslint-config-typescript": "^9.1.0",
-    "@vue/test-utils": "^2.3.2",
-    "eslint": "^8.26.0",
-    "eslint-plugin-vitest-globals": "^1.2.0",
-    "eslint-plugin-vue": "^9.6.0",
-    "jsdom": "^21.1.0",
-    "postcss": "^8.4.14",
-    "typescript": "^4.9.5",
-    "vite": "^4.3.9",
-    "vitest": "^0.25.2",
-    "vue": "^3.3.4",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.0.24"
+    "@chromatic-com/storybook": "^5.2.1",
+    "@storybook/addon-a11y": "^10.4.6",
+    "@storybook/addon-coverage": "^3.0.1",
+    "@storybook/addon-designs": "^11.1.3",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-links": "^10.4.6",
+    "@storybook/addon-themes": "^10.4.6",
+    "@storybook/addon-vitest": "^10.4.6",
+    "@storybook/vue3-vite": "^10.4.6",
+    "@tailwindcss/vite": "^4.3.2",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
+    "@vitest/browser": "^4.1.9",
+    "@vitest/browser-playwright": "^4.1.9",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vitest/ui": "^4.1.9",
+    "@vue/test-utils": "^2.4.11",
+    "chromatic": "^15.3.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-storybook": "^10.4.6",
+    "happy-dom": "^20.10.6",
+    "playwright": "^1.61.1",
+    "storybook": "^10.4.6",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.6",
+    "vitest": "^4.1.9",
+    "vitest-browser-vue": "^2.1.0",
+    "vue": "^3.5.39",
+    "vue-router": "^5.1.0",
+    "vue-tsc": "^3.3.5",
+    "@livestorm/dev-utils": "1.0.0"
   },
   "peerDependencies": {
-    "vue": "^3.3.4",
-    "vue-router": "^4.1.6"
+    "vue": "^3.5.30",
+    "vue-router": "^5.0.3"
   },
   "exports": {
     ".": {
-      "types": "./index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/index.mjs"
     },
-    "./components": {
+    "./theme": {
+      "types": "./dist/types/src/theme.d.ts"
+    },
+    "./style": "./dist/ui-vue.css",
+    "./components-vite": {
       "types": "./components.d.ts",
       "import": "./dist/components.mjs"
     },
-    "./postcss": {
-      "types": "./style-postcss.d.ts",
-      "import": "./style-postcss.js"
+    "./bus": {
+      "types": "./dist/types/src/utils/bus.d.ts",
+      "import": "./dist/bus.mjs"
+    },
+    "./responsive": {
+      "types": "./dist/types/src/utils/responsive.d.ts",
+      "import": "./dist/responsive.mjs"
+    },
+    "./breakpoints": {
+      "types": "./dist/types/src/utils/breakpoints.d.ts",
+      "import": "./dist/breakpoints.mjs"
+    },
+    "./slot": {
+      "types": "./dist/types/src/utils/slot.d.ts",
+      "import": "./dist/slot.mjs"
+    },
+    "./utils": {
+      "types": "./dist/types/src/utils/index.d.ts",
+      "import": "./dist/utils.mjs"
+    },
+    "./integrations": {
+      "types": "./dist/types/src/integrations/index.d.ts",
+      "import": "./dist/integrations.mjs"
+    },
+    "./layouts": {
+      "types": "./dist/types/src/layouts/index.d.ts",
+      "import": "./dist/layouts.mjs"
     },
-    "./style": "./style.js",
-    "./components-vite": "./components-vite.js",
-    "./components-webpack": "./components-webpack.js",
-    "./bus": "./src/utils/bus.js",
-    "./responsive": "./src/utils/responsive.js",
-    "./breakpoints": "./src/utils/breakpoints.js",
-    "./slot": "./src/utils/slot.js",
-    "./utils": "./src/utils/index.js",
-    "./tailwind.config": "./tailwind.config.base.cjs",
     "./*": "./*"
   },
+  "engines": {
+    "node": "^24.13.1"
+  },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && pnpm run build:types",
+    "build:types": "vue-tsc -p ./tsconfig.build.json",
+    "build:watch": "vite build --watch",
+    "generate:types": "node scripts/generate-global-types.js",
+    "test:eslint": "eslint \"**/*.{js,jsx,ts,tsx,vue}\"",
+    "test:eslint:fix": "eslint \"**/*.{js,jsx,ts,tsx,vue}\" --fix",
+    "test:types": "vue-tsc --noEmit -p ./tsconfig.check.json",
+    "pretest:vitest": "pnpm exec playwright install --with-deps chromium",
+    "test:vitest": "vitest run",
+    "test:vitest:ui": "vitest --ui",
+    "test:vitest:watch": "vitest watch",
+    "test:vitest:ci": "NODE_ENV=ci vitest run",
+    "test:vitest:updateSnapshots": "vitest -u",
+    "test:npm-package": "bash tests/npm-package/run.sh",
+    "npm-package:gallery": "bash tests/npm-package/run.sh --gallery",
+    "deploy:chromatic": "npx chromatic",
+    "setup-reka-paths": "node setup-reka-ui-paths.js",
+    "storybook:dev": "pnpm run setup-reka-paths && storybook dev -p 6006",
+    "storybook:build": "storybook build --stats-json"
   }
-}
+}