@openelement/ui 0.41.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Zhi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,78 @@
+# @openelement/ui
+
+openElement UI product package.
+
+The components are first-party `open-*` Web Components. They are designed to
+prove the openElement Elements model with shadow/DSD output, explicit light DOM
+where needed, and island upgrade. ADR-0099 makes UI one of the four first-class
+products and keeps external UI libraries out of the current default target.
+
+As of v0.40.8, there is **no Linear compatibility layer**. The legacy
+`open-*-linear` components and `linear-token-sheet` token sheet have been
+removed from the public surface. Use the canonical Open Props components and
+`@openelement/ui/open-props-tokens` instead.
+
+## Install
+
+```bash
+npm install @openelement/ui
+```
+
+## Components
+
+| Component         | Tag                 | Notes                          |
+| ----------------- | ------------------- | ------------------------------ |
+| `OpenButton`      | `open-button`       | Button component.              |
+| `OpenInput`       | `open-input`        | Input component.               |
+| `OpenCard`        | `open-card`         | Content card.                  |
+| `OpenCodeBlock`   | `open-code-block`   | Code block with copy behavior. |
+| `OpenLayout`      | `open-layout`       | Docs/layout shell.             |
+| `OpenThemeToggle` | `open-theme-toggle` | Theme switch island.           |
+| `OpenHeroPing`    | `open-hero-ping`    | Status indicator.              |
+| `OpenDialog`      | `open-dialog`       | Dialog component.              |
+| `OpenCallout`     | `open-callout`      | Callout/notice box.            |
+| `OpenStepCard`    | `open-step-card`    | Step card.                     |
+
+## Package Manifest
+
+`@openelement/ui` exports a CEM-compatible `manifest` so openElement can include these
+components in package manifest scanning:
+
+```ts
+import { openElement } from '@openelement/app/vite';
+
+export default {
+  plugins: [
+    openElement({
+      packageIslands: ['@openelement/ui'],
+    }),
+  ],
+};
+```
+
+The manifest includes attributes, events, slots, CSS parts, SSR renderability,
+DSD behavior, and hydration strategy metadata.
+
+## Subpath Exports
+
+```text
+@openelement/ui/open-button
+@openelement/ui/open-input
+@openelement/ui/open-card
+@openelement/ui/open-code-block
+@openelement/ui/open-layout
+@openelement/ui/open-step-card
+@openelement/ui/open-callout
+@openelement/ui/open-theme-toggle
+@openelement/ui/open-hero-ping
+@openelement/ui/open-dialog
+@openelement/ui/open-dropdown
+@openelement/ui/open-modal
+@openelement/ui/open-tabs
+@openelement/ui/open-props-tokens
+@openelement/ui/daisy-classes
+```
+
+## License
+
+MIT

package/package.json

@@ -0,0 +1,142 @@
+{
+  "name": "@openelement/ui",
+  "version": "0.41.0-alpha.1",
+  "type": "module",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./src/index.js",
+      "default": "./src/index.js"
+    },
+    "./open-button": {
+      "types": "./src/open-button.d.ts",
+      "import": "./src/open-button.js",
+      "default": "./src/open-button.js"
+    },
+    "./open-card": {
+      "types": "./src/open-card.d.ts",
+      "import": "./src/open-card.js",
+      "default": "./src/open-card.js"
+    },
+    "./open-input": {
+      "types": "./src/open-input.d.ts",
+      "import": "./src/open-input.js",
+      "default": "./src/open-input.js"
+    },
+    "./open-code-block": {
+      "types": "./src/open-code-block.d.ts",
+      "import": "./src/open-code-block.js",
+      "default": "./src/open-code-block.js"
+    },
+    "./open-badge": {
+      "types": "./src/open-badge.d.ts",
+      "import": "./src/open-badge.js",
+      "default": "./src/open-badge.js"
+    },
+    "./open-brand-mark": {
+      "types": "./src/open-brand-mark.d.ts",
+      "import": "./src/open-brand-mark.js",
+      "default": "./src/open-brand-mark.js"
+    },
+    "./open-lab-panel": {
+      "types": "./src/open-lab-panel.d.ts",
+      "import": "./src/open-lab-panel.js",
+      "default": "./src/open-lab-panel.js"
+    },
+    "./open-lab-stage": {
+      "types": "./src/open-lab-stage.d.ts",
+      "import": "./src/open-lab-stage.js",
+      "default": "./src/open-lab-stage.js"
+    },
+    "./open-standards-visual": {
+      "types": "./src/open-standards-visual.d.ts",
+      "import": "./src/open-standards-visual.js",
+      "default": "./src/open-standards-visual.js"
+    },
+    "./open-layout": {
+      "types": "./src/open-layout.d.ts",
+      "import": "./src/open-layout.js",
+      "default": "./src/open-layout.js"
+    },
+    "./open-theme-toggle": {
+      "types": "./src/open-theme-toggle.d.ts",
+      "import": "./src/open-theme-toggle.js",
+      "default": "./src/open-theme-toggle.js"
+    },
+    "./open-hero-ping": {
+      "types": "./src/open-hero-ping.d.ts",
+      "import": "./src/open-hero-ping.js",
+      "default": "./src/open-hero-ping.js"
+    },
+    "./open-dialog": {
+      "types": "./src/open-dialog.d.ts",
+      "import": "./src/open-dialog.js",
+      "default": "./src/open-dialog.js"
+    },
+    "./open-callout": {
+      "types": "./src/open-callout.d.ts",
+      "import": "./src/open-callout.js",
+      "default": "./src/open-callout.js"
+    },
+    "./open-step-card": {
+      "types": "./src/open-step-card.d.ts",
+      "import": "./src/open-step-card.js",
+      "default": "./src/open-step-card.js"
+    },
+    "./open-dropdown": {
+      "types": "./src/open-dropdown.d.ts",
+      "import": "./src/open-dropdown.js",
+      "default": "./src/open-dropdown.js"
+    },
+    "./open-modal": {
+      "types": "./src/open-modal.d.ts",
+      "import": "./src/open-modal.js",
+      "default": "./src/open-modal.js"
+    },
+    "./open-tabs": {
+      "types": "./src/open-tabs.d.ts",
+      "import": "./src/open-tabs.js",
+      "default": "./src/open-tabs.js"
+    },
+    "./daisy-classes": {
+      "types": "./src/daisy-classes.d.ts",
+      "import": "./src/daisy-classes.js",
+      "default": "./src/daisy-classes.js"
+    },
+    "./daisy-classes.js": {
+      "types": "./src/daisy-classes.d.ts",
+      "import": "./src/daisy-classes.js",
+      "default": "./src/daisy-classes.js"
+    },
+    "./open-props-tokens": {
+      "types": "./src/open-props-tokens.d.ts",
+      "import": "./src/open-props-tokens.js",
+      "default": "./src/open-props-tokens.js"
+    },
+    "./open-props-tokens.js": {
+      "types": "./src/open-props-tokens.d.ts",
+      "import": "./src/open-props-tokens.js",
+      "default": "./src/open-props-tokens.js"
+    }
+  },
+  "dependencies": {
+    "@openelement/element": "^0.41.0-alpha.1",
+    "@openelement/core": "^0.41.0-alpha.1",
+    "@openelement/signal": "^0.41.0-alpha.1",
+    "@openelement/protocol": "^0.41.0-alpha.1",
+    "@deno/shim-deno": "~0.19.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/open-element/openelement.git"
+  },
+  "keywords": [
+    "openelement",
+    "web-components",
+    "ssg",
+    "framework",
+    "deno"
+  ]
+}

package/src/daisy-classes.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @openelement/ui - daisyUI forked CSS classes (Pure CSS, Open Props tokens)
+ *
+ * Inlined at build time so consumers do not need to ship a separate CSS asset
+ * and SSR bundles do not depend on a file-system path next to import.meta.url.
+ */ import { type StyleSheetLike } from '@openelement/core/style-sheet';
+export declare const daisyClassSheet: StyleSheetLike;