@nuraly/lumenui 0.1.0

package/dist/src/components/video/video.component.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from "lit";
+import { VideoPreload } from "./video.types.js";
+declare const NrVideoElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+export declare class NrVideoElement extends NrVideoElement_base {
+    static styles: import("lit").CSSResult;
+    src: string;
+    poster?: string;
+    width: string;
+    height: string;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    controls: boolean;
+    preload: VideoPreload;
+    previewable: boolean;
+    block: boolean;
+    private showPreview;
+    private hasError;
+    private readonly defaultFallback;
+    private handleError;
+    private handlePlay;
+    private handlePause;
+    private handleEnded;
+    private showPreviewModal;
+    private closePreviewModal;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nr-video': NrVideoElement;
+    }
+}
+export {};
+//# sourceMappingURL=video.component.d.ts.map

package/dist/src/components/video/video.component.js

@@ -0,0 +1,184 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
+import styles from "./video.style.js";
+let NrVideoElement = class NrVideoElement extends NuralyUIBaseMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.width = 'auto';
+        this.height = 'auto';
+        this.autoplay = false;
+        this.loop = false;
+        this.muted = false;
+        this.controls = true;
+        this.preload = "metadata" /* VideoPreload.Metadata */;
+        this.previewable = false;
+        this.block = false;
+        this.showPreview = false;
+        this.hasError = false;
+        this.defaultFallback = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDI0MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxODAiIGZpbGw9IiNGM0Y0RjYiLz48cGF0aCBkPSJNMTg4IDY5TDE2OCA4OU0xNjggNjlMMTg4IDg5IiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+';
+    }
+    handleError() {
+        this.hasError = true;
+        this.dispatchEvent(new CustomEvent('nr-video-error', {
+            bubbles: true,
+            composed: true,
+            detail: { error: `Error loading video: ${this.src}`, src: this.src }
+        }));
+    }
+    handlePlay() {
+        this.dispatchEvent(new CustomEvent('nr-video-play', {
+            bubbles: true,
+            composed: true,
+            detail: { src: this.src }
+        }));
+    }
+    handlePause() {
+        this.dispatchEvent(new CustomEvent('nr-video-pause', {
+            bubbles: true,
+            composed: true,
+            detail: { src: this.src }
+        }));
+    }
+    handleEnded() {
+        this.dispatchEvent(new CustomEvent('nr-video-ended', {
+            bubbles: true,
+            composed: true,
+            detail: { src: this.src }
+        }));
+    }
+    showPreviewModal() {
+        if (this.previewable && !this.hasError) {
+            this.showPreview = true;
+            this.dispatchEvent(new CustomEvent('nr-video-preview-open', {
+                bubbles: true,
+                composed: true,
+                detail: { src: this.src }
+            }));
+        }
+    }
+    closePreviewModal() {
+        this.showPreview = false;
+        this.dispatchEvent(new CustomEvent('nr-video-preview-close', {
+            bubbles: true,
+            composed: true,
+            detail: { src: this.src }
+        }));
+    }
+    render() {
+        const containerClasses = {
+            'video-container': true,
+            'video--error': this.hasError
+        };
+        const videoStyles = {
+            width: typeof this.width === 'number' ? `${this.width}px` : this.width,
+            height: typeof this.height === 'number' ? `${this.height}px` : this.height,
+        };
+        if (this.hasError) {
+            return html `
+        <div class=${classMap(containerClasses)}>
+          <div class="error-message">
+            <img class="error-icon" src=${this.defaultFallback} alt="Video error" />
+            <p>Unable to load video</p>
+          </div>
+        </div>
+      `;
+        }
+        return html `
+      <div class=${classMap(containerClasses)}>
+        <video
+          style=${styleMap(videoStyles)}
+          ?autoplay=${this.autoplay}
+          ?loop=${this.loop}
+          ?muted=${this.muted}
+          ?controls=${this.controls}
+          preload=${this.preload}
+          poster=${this.poster || ''}
+          @error=${this.handleError}
+          @play=${this.handlePlay}
+          @pause=${this.handlePause}
+          @ended=${this.handleEnded}
+        >
+          <source src=${this.src} />
+          Your browser does not support the video tag.
+        </video>
+        ${this.previewable ? html `
+          <button class="preview-button" @click=${this.showPreviewModal}>
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+              <path d="M5.5 5.5A.5.5 0 0 1 6 6v3a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0V6z"/>
+              <path d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zM1 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2z"/>
+            </svg>
+            Fullscreen
+          </button>
+        ` : ''}
+        ${this.showPreview ? html `
+          <div class="preview-modal" @click=${this.closePreviewModal}>
+            <button class="preview-close" @click=${this.closePreviewModal} aria-label="Close preview">×</button>
+            <video
+              ?autoplay=${true}
+              ?loop=${this.loop}
+              ?muted=${this.muted}
+              controls
+              poster=${this.poster || ''}
+            >
+              <source src=${this.src} />
+            </video>
+          </div>
+        ` : ''}
+      </div>
+    `;
+    }
+};
+NrVideoElement.styles = styles;
+__decorate([
+    property({ type: String })
+], NrVideoElement.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], NrVideoElement.prototype, "poster", void 0);
+__decorate([
+    property({ type: String })
+], NrVideoElement.prototype, "width", void 0);
+__decorate([
+    property({ type: String })
+], NrVideoElement.prototype, "height", void 0);
+__decorate([
+    property({ type: Boolean })
+], NrVideoElement.prototype, "autoplay", void 0);
+__decorate([
+    property({ type: Boolean })
+], NrVideoElement.prototype, "loop", void 0);
+__decorate([
+    property({ type: Boolean })
+], NrVideoElement.prototype, "muted", void 0);
+__decorate([
+    property({ type: Boolean })
+], NrVideoElement.prototype, "controls", void 0);
+__decorate([
+    property({ type: String })
+], NrVideoElement.prototype, "preload", void 0);
+__decorate([
+    property({ type: Boolean })
+], NrVideoElement.prototype, "previewable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NrVideoElement.prototype, "block", void 0);
+__decorate([
+    state()
+], NrVideoElement.prototype, "showPreview", void 0);
+__decorate([
+    state()
+], NrVideoElement.prototype, "hasError", void 0);
+NrVideoElement = __decorate([
+    customElement('nr-video')
+], NrVideoElement);
+export { NrVideoElement };
+//# sourceMappingURL=video.component.js.map

package/dist/src/components/video/video.style.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=video.style.d.ts.map

package/dist/src/components/video/video.style.js

@@ -0,0 +1,124 @@
+import { css } from "lit";
+export default css `
+  :host {
+    display: inline-block;
+    box-sizing: border-box;
+  }
+
+  :host([block]) {
+    display: block;
+  }
+
+  .video-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: var(--nuraly-video-bg, #000);
+  }
+
+  video {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: var(--nuraly-video-border-radius, 4px);
+  }
+
+  .video--error {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 200px;
+    background-color: var(--nuraly-video-error-bg, #f5f5f5);
+    color: var(--nuraly-video-error-color, #999);
+  }
+
+  .error-message {
+    text-align: center;
+    padding: 20px;
+  }
+
+  .error-icon {
+    width: 64px;
+    height: 64px;
+    margin: 0 auto 16px;
+    opacity: 0.5;
+  }
+
+  /* Preview/Fullscreen Modal */
+  .preview-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--nuraly-video-preview-bg, rgba(0, 0, 0, 0.95));
+    z-index: var(--nuraly-video-preview-zindex, 1000);
+    animation: fadeIn 0.3s ease;
+  }
+
+  .preview-modal video {
+    max-width: 90%;
+    max-height: 90%;
+    border-radius: var(--nuraly-video-preview-border-radius, 4px);
+  }
+
+  .preview-close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 40px;
+    height: 40px;
+    background: var(--nuraly-video-preview-close-bg, rgba(255, 255, 255, 0.2));
+    border: none;
+    border-radius: 50%;
+    color: var(--nuraly-video-preview-close-color, white);
+    font-size: 24px;
+    line-height: 1;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: none;
+  }
+
+  .preview-close:hover {
+    background: var(--nuraly-video-preview-close-hover-bg, rgba(255, 255, 255, 0.3));
+  }
+
+  .preview-button {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background-color: var(--nuraly-video-fullscreen-btn-bg, rgba(0, 0, 0, 0.5));
+    border: none;
+    border-radius: 4px;
+    padding: 8px 12px;
+    cursor: pointer;
+    color: var(--nuraly-video-fullscreen-btn-color, white);
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    transition: background-color 0.3s ease;
+    z-index: 10;
+  }
+
+  .preview-button:hover {
+    background-color: var(--nuraly-video-fullscreen-btn-hover-bg, rgba(0, 0, 0, 0.7));
+  }
+
+  /* Animations */
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`;
+//# sourceMappingURL=video.style.js.map

package/dist/src/components/video/video.types.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Video player controls visibility
+ */
+export declare const enum VideoControls {
+    /** Show controls */
+    Show = "show",
+    /** Hide controls */
+    Hide = "hide",
+    /** Show controls on hover */
+    Hover = "hover"
+}
+/**
+ * Video preload strategy
+ */
+export declare const enum VideoPreload {
+    /** No preloading */
+    None = "none",
+    /** Preload metadata only */
+    Metadata = "metadata",
+    /** Preload entire video */
+    Auto = "auto"
+}
+/**
+ * Video configuration interface
+ */
+export interface VideoConfig {
+    /** Video source URL */
+    src: string;
+    /** Fallback video URL or image */
+    fallback?: string;
+    /** Video width */
+    width?: string | number;
+    /** Video height */
+    height?: string | number;
+    /** Whether video should autoplay */
+    autoplay?: boolean;
+    /** Whether video should loop */
+    loop?: boolean;
+    /** Whether video is muted */
+    muted?: boolean;
+    /** Show video controls */
+    controls?: boolean | VideoControls;
+    /** Video poster image */
+    poster?: string;
+    /** Preload strategy */
+    preload?: VideoPreload;
+    /** Whether video is previewable (fullscreen) */
+    previewable?: boolean;
+    /** Custom CSS class */
+    customClass?: string;
+    /** Callback when video starts playing */
+    onPlay?: () => void;
+    /** Callback when video is paused */
+    onPause?: () => void;
+    /** Callback when video ends */
+    onEnded?: () => void;
+    /** Callback when video fails to load */
+    onError?: (error: Error) => void;
+}
+/**
+ * Video event detail
+ */
+export interface VideoEventDetail {
+    /** Original event */
+    originalEvent?: Event;
+    /** Error message if applicable */
+    error?: string;
+    /** Video source */
+    src?: string;
+    /** Current time in seconds */
+    currentTime?: number;
+    /** Duration in seconds */
+    duration?: number;
+}
+//# sourceMappingURL=video.types.d.ts.map

package/dist/src/components/video/video.types.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export {};
+//# sourceMappingURL=video.types.js.map

package/package.json

@@ -0,0 +1,215 @@
+{
+  "name": "@nuraly/lumenui",
+  "version": "0.1.0",
+  "description": "A comprehensive collection of enterprise-class web components built with Lit and TypeScript",
+  "type": "module",
+  "main": "dist/nuralyui.bundle.js",
+  "module": "dist/nuralyui.bundle.js",
+  "exports": {
+    ".": {
+      "import": "./dist/nuralyui.bundle.js"
+    },
+    "./bundle": {
+      "import": "./dist/nuralyui.bundle.js"
+    },
+    "./common": {
+      "import": "./packages/common/dist/index.js",
+      "types": "./packages/common/dist/index.d.ts"
+    },
+    "./common/mixins": {
+      "import": "./packages/common/dist/mixins/index.js",
+      "types": "./packages/common/dist/mixins/index.d.ts"
+    },
+    "./common/controllers": {
+      "import": "./packages/common/dist/controllers/index.js",
+      "types": "./packages/common/dist/controllers/index.d.ts"
+    },
+    "./common/themes": {
+      "import": "./packages/common/dist/themes/index.js",
+      "types": "./packages/common/dist/themes/index.d.ts"
+    },
+    "./common/utils": {
+      "import": "./packages/common/dist/utils/index.js",
+      "types": "./packages/common/dist/utils/index.d.ts"
+    },
+    "./common/constants": {
+      "import": "./packages/common/dist/constants/index.js",
+      "types": "./packages/common/dist/constants/index.d.ts"
+    },
+    "./themes/carbon": "./packages/themes/dist/carbon.css",
+    "./themes/polaris": "./packages/themes/dist/polaris.css",
+    "./themes/default": "./packages/themes/dist/default.css",
+    "./*": {
+      "import": "./dist/src/components/*/index.js",
+      "types": "./dist/src/components/*/index.d.ts"
+    },
+    "./*/bundle": {
+      "import": "./dist/src/components/*/bundle.js"
+    },
+    "./*/react": {
+      "import": "./dist/src/components/*/react.js",
+      "types": "./dist/src/components/*/react.d.ts"
+    }
+  },
+  "files": [
+    "dist/nuralyui.bundle.js",
+    "dist/nuralyui.bundle.js.gz",
+    "dist/src/components/*/index.js",
+    "dist/src/components/*/index.d.ts",
+    "dist/src/components/*/*.js",
+    "dist/src/components/*/*.d.ts",
+    "dist/src/components/*/bundle.js",
+    "dist/src/components/*/bundle.js.gz",
+    "packages/common/dist",
+    "packages/themes/dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "workspaces": [
+    "packages/*"
+  ],
+  "homepage": "https://github.com/Nuralyio/NuralyUI",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Nuralyio/NuralyUI.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Nuralyio/NuralyUI/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "concurrently 'npm:build:watch' 'npm:serve'",
+    "build": "npm run common:compile && tsc && npm run roll && npm run packages:build",
+    "build:watch": "tsc --watch",
+    "packages:build": "npm run common:build && npm run themes:build && npm run forms:build && npm run layout:build",
+    "themes:build": "npm run build --workspace=@nuralyui/themes",
+    "themes:dev": "npm run dev --workspace=@nuralyui/themes",
+    "common:compile": "tsc -p packages/common/tsconfig.json",
+    "common:build": "npm run build --workspace=@nuralyui/common",
+    "common:clean": "npm run clean --workspace=@nuralyui/common",
+    "forms:build": "npm run build --workspace=@nuralyui/forms",
+    "forms:clean": "npm run clean --workspace=@nuralyui/forms",
+    "layout:build": "npm run build --workspace=@nuralyui/layout",
+    "layout:clean": "npm run clean --workspace=@nuralyui/layout",
+    "clean": "rimraf my-element.{d.ts,d.ts.map,js,js.map} test/my-element.{d.ts,d.ts.map,js,js.map} test/my-element_test.{d.ts,d.ts.map,js,js.map}",
+    "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
+    "lint:eslint": "eslint 'src/**/*.ts'",
+    "lint:lit-analyzer": "lit-analyzer",
+    "format": "prettier \"**/*.{cjs,html,js,json,md,ts}\" --ignore-path ./.eslintignore --write",
+    "analyze": "cem analyze --litelement --globs \"src/**/*.ts\"",
+    "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
+    "serve": "wds --watch",
+    "serve:prod": "MODE=prod npm run serve",
+    "test": "npm run test:prod",
+    "test:watch": "wtr --watch",
+    "test:prod": "MODE=prod wtr",
+    "storybook": "npm run build && storybook dev -p 6006",
+    "build-storybook": "npm run build && storybook build",
+    "test:prod:watch": "MODE=prod wtr --watch",
+    "validate:tokens": "node tools/validate-tokens.js",
+    "validate:tokens:json": "node tools/validate-tokens.js --format json",
+    "roll": "rollup -c ; ",
+    "prepublishOnly": "npm run build",
+    "link": "node -e \"const { execSync } = require('child_process'); ['button', 'file-upload', 'colorpicker', 'datepicker', 'dropdown', 'icon', 'input', 'menu', 'modal', 'radio', 'select', 'slider-input', 'tabs', 'tooltips', 'checkbox', 'table', 'collapse'].forEach(dir => execSync('cd dist/src/components/' + dir + ' && npm link', { stdio: 'inherit' }));\"",
+    "unlink": "node -e \"const { execSync } = require('child_process'); ['button', 'file-upload', 'colorpicker', 'datepicker', 'dropdown', 'icon', 'input', 'menu', 'modal', 'radio', 'select', 'slider-input', 'tabs', 'tooltips', 'checkbox', 'table', 'collapse'].forEach(dir => execSync('cd dist/src/components/' + dir + ' && npm unlink @nuralyui/' + dir, { stdio: 'inherit' }));\""
+  },
+  "keywords": [
+    "web-components",
+    "lit-element",
+    "typescript",
+    "lit",
+    "ui-library",
+    "design-system",
+    "components",
+    "enterprise",
+    "accessibility",
+    "responsive",
+    "react",
+    "vue",
+    "angular",
+    "framework-agnostic"
+  ],
+  "author": "Laabidi Aymen",
+  "license": "BSD-3-Clause",
+  "dependencies": {
+    "@nuralyui/common": "0.1.4",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@lit-labs/motion": "^1.0.3",
+    "@lit-labs/react": "^1.1.1",
+    "@lit-labs/virtualizer": "^2.0.9",
+    "@lit/localize": "^0.12.2",
+    "@lit/reactive-element": "^2.1.1",
+    "@nanostores/persistent": "^1.2.0",
+    "dayjs": "^2.0.0-alpha.4",
+    "lit": "^3.0.0",
+    "lucide": "^0.552.0",
+    "nanostores": "^0.11.4",
+    "vanilla-colorful": "^0.7.2"
+  },
+  "peerDependencies": {
+    "monaco-editor": "^0.55.0",
+    "monacopilot": "^1.2.0",
+    "mermaid": "^11.0.0",
+    "socket.io-client": "^4.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "@types/react": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "monaco-editor": { "optional": true },
+    "monacopilot": { "optional": true },
+    "mermaid": { "optional": true },
+    "socket.io-client": { "optional": true },
+    "react": { "optional": true },
+    "@types/react": { "optional": true }
+  },
+  "devDependencies": {
+    "@11ty/eleventy": "^1.0.1",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^4.0.0",
+    "@custom-elements-manifest/analyzer": "^0.6.3",
+    "@lit/localize-tools": "^0.8.0",
+    "@open-wc/testing": "^3.1.5",
+    "@rollup/plugin-dynamic-import-vars": "^2.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@rollup/plugin-virtual": "^3.0.2",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/web-components-vite": "^8.6.14",
+    "@types/jest": "^30.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.25.0",
+    "@typescript-eslint/parser": "^5.25.0",
+    "@web/dev-server": "^0.1.31",
+    "@web/dev-server-legacy": "^1.0.0",
+    "@web/rollup-plugin-import-meta-assets": "^2.1.0",
+    "@web/test-runner": "^0.15.0",
+    "@web/test-runner-playwright": "^0.9.0",
+    "@webcomponents/webcomponentsjs": "^2.6.0",
+    "concurrently": "^7.6.0",
+    "entities": "^7.0.0",
+    "eslint": "^8.15.0",
+    "lit-analyzer": "^1.2.1",
+    "prettier": "^2.6.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.79.1",
+    "rollup-plugin-gzip": "^4.1.1",
+    "rollup-plugin-minify-html-literals": "^1.2.6",
+    "rollup-plugin-summary": "^1.4.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^8.6.14",
+    "typescript": "5.7",
+    "vite": "^5.4.20"
+  },
+  "customElements": "custom-elements.json",
+  "overrides": {
+    "lit": "^3.0.0",
+    "lit-html": "^3.0.0",
+    "lit-element": "^4.0.0"
+  }
+}