@sveltia/ui 0.19.3 → 0.20.1

package/package/components/util/popup.svelte.d.ts

@@ -1,4 +1,8 @@
 export default Popup;
+type Popup = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<ModalProps & Props & Record<string, any>>): void;
+};
 /** Generic popup helper. */
 declare const Popup: import("svelte").Component<import("../../typedefs").ModalProps & {
     /**
@@ -45,3 +49,48 @@ declare const Popup: import("svelte").Component<import("../../typedefs").ModalPr
      */
     onOpen?: ((event: CustomEvent) => void) | undefined;
 } & Record<string, any>, {}, "open" | "content">;
+type Props = {
+    /**
+     * - The `class` attribute on the content element.
+     */
+    class?: string | undefined;
+    /**
+     * - Whether to open the popup.
+     */
+    open?: boolean | undefined;
+    /**
+     * - A reference to the anchor element that opens the popup.
+     * Typically a `<button>`.
+     */
+    anchor?: HTMLElement | undefined;
+    /**
+     * - A reference to the content element.
+     */
+    content?: HTMLElement | undefined;
+    /**
+     * - Where to show the popup.
+     */
+    position?: import("../../typedefs").PopupPosition | undefined;
+    /**
+     * - The base element of
+     * {@link position}. If omitted, this will be {@link anchor}.
+     */
+    positionBaseElement?: HTMLElement | undefined;
+    /**
+     * - Whether to show the popup at the center of the screen on
+     * mobile/tablet and ignore the defined dropdown `position`.
+     */
+    touchOptimized?: boolean | undefined;
+    /**
+     * - Primary slot content.
+     */
+    children?: import("svelte").Snippet<[]> | undefined;
+    /**
+     * - Extra slot content.
+     */
+    extraContent?: import("svelte").Snippet<[]> | undefined;
+    /**
+     * - Custom `Open` event handler.
+     */
+    onOpen?: ((event: CustomEvent) => void) | undefined;
+};

package/package/index.d.ts

@@ -37,6 +37,7 @@ export { default as MenuItemGroup } from "./components/menu/menu-item-group.svel
 export { default as MenuItemRadio } from "./components/menu/menu-item-radio.svelte";
 export { default as MenuItem } from "./components/menu/menu-item.svelte";
 export { default as Menu } from "./components/menu/menu.svelte";
+export { default as Progressbar } from "./components/progressbar/progressbar.svelte";
 export { default as RadioGroup } from "./components/radio/radio-group.svelte";
 export { default as Radio } from "./components/radio/radio.svelte";
 export { default as Combobox } from "./components/select/combobox.svelte";

package/package/index.js

@@ -62,6 +62,7 @@ export { default as MenuItemGroup } from './components/menu/menu-item-group.svel
 export { default as MenuItemRadio } from './components/menu/menu-item-radio.svelte';
 export { default as MenuItem } from './components/menu/menu-item.svelte';
 export { default as Menu } from './components/menu/menu.svelte';
+export { default as Progressbar } from './components/progressbar/progressbar.svelte';
 export { default as RadioGroup } from './components/radio/radio-group.svelte';
 export { default as Radio } from './components/radio/radio.svelte';
 export { default as Combobox } from './components/select/combobox.svelte';

package/package/styles/core.scss

@@ -110,7 +110,9 @@ a {
 }
 
 p,
-li {
+ul,
+ol,
+dl {
   margin: var(--sui-paragraph-margin) 0;
   line-height: var(--sui-line-height-comfortable);
 }
@@ -160,7 +162,7 @@ blockquote {
 .readonly,
 [aria-disabled="true"],
 [aria-readonly="true"],
-[inert] {
+[inert]:not(body) {
   cursor: default;
   pointer-events: none;
   -webkit-user-select: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.19.3",
+  "version": "0.20.1",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,50 +28,50 @@
     "test:unit": "vitest"
   },
   "dependencies": {
-    "@lexical/code": "^0.19.0",
-    "@lexical/dragon": "^0.19.0",
-    "@lexical/history": "^0.19.0",
-    "@lexical/link": "^0.19.0",
-    "@lexical/list": "^0.19.0",
-    "@lexical/markdown": "^0.19.0",
-    "@lexical/rich-text": "^0.19.0",
-    "@lexical/selection": "^0.19.0",
-    "@lexical/table": "^0.19.0",
-    "@lexical/utils": "^0.19.0",
+    "@lexical/code": "^0.21.0",
+    "@lexical/dragon": "^0.21.0",
+    "@lexical/history": "^0.21.0",
+    "@lexical/link": "^0.21.0",
+    "@lexical/list": "^0.21.0",
+    "@lexical/markdown": "^0.21.0",
+    "@lexical/rich-text": "^0.21.0",
+    "@lexical/selection": "^0.21.0",
+    "@lexical/table": "^0.21.0",
+    "@lexical/utils": "^0.21.0",
     "@sveltia/utils": "^0.5.0",
-    "lexical": "^0.19.0"
+    "lexical": "^0.21.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.48.2",
+    "@playwright/test": "^1.49.0",
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.7.3",
+    "@sveltejs/kit": "^2.9.0",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "4.0.0",
-    "cspell": "^8.15.5",
+    "@sveltejs/vite-plugin-svelte": "5.0.1",
+    "cspell": "^8.16.1",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsdoc": "^50.4.3",
-    "eslint-plugin-svelte": "^2.46.0",
-    "postcss": "^8.4.47",
+    "eslint-plugin-jsdoc": "^50.6.0",
+    "eslint-plugin-svelte": "^2.46.1",
+    "postcss": "^8.4.49",
     "postcss-html": "^1.7.0",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.7",
-    "sass": "^1.80.5",
-    "stylelint": "^16.10.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.2",
+    "sass": "^1.82.0",
+    "stylelint": "^16.11.0",
     "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-scss": "^6.8.1",
-    "svelte": "5.1.6",
-    "svelte-check": "^4.0.5",
+    "stylelint-scss": "^6.10.0",
+    "svelte": "5.6.2",
+    "svelte-check": "^4.1.1",
     "svelte-i18n": "^4.0.1",
     "svelte-preprocess": "^6.0.3",
-    "tslib": "^2.8.0",
-    "vite": "^5.4.10",
-    "vitest": "^2.1.4"
+    "tslib": "^2.8.1",
+    "vite": "^6.0.2",
+    "vitest": "^2.1.8"
   },
   "exports": {
     ".": {