@ai-ecoverse/slicc-spectrum 1.0.0 → 1.1.0

package/README.md

@@ -1,6 +1,6 @@
 # slicc-spectrum
 
-Web components for SLICC. The first one is `<slicc-terminal>`, a terminal built on [wterm](https://github.com/vercel-labs/wterm) (`@wterm/dom` 0.5.4, Zig/WASM VT core) that talks to [`@ai-ecoverse/slicc-kernel`](https://github.com/ai-ecoverse/slicc-kernel) through a small backend interface. It is a standards custom element with no framework and no shadow root, so it can move to a shared web-components repo unchanged.
+Web components for SLICC: `<slicc-terminal>`, and SLICC's app UI on [Spectrum Web Components](https://opensource.adobe.com/spectrum-web-components/) (see [UI](#ui)). `<slicc-terminal>` is a terminal built on [wterm](https://github.com/vercel-labs/wterm) (`@wterm/dom` 0.5.4, Zig/WASM VT core) that talks to [`@ai-ecoverse/slicc-kernel`](https://github.com/ai-ecoverse/slicc-kernel) through a small backend interface. It is a standards custom element with no framework and no shadow root, so it can move to a shared web-components repo unchanged.
 
 ```html
 <slicc-terminal></slicc-terminal>
@@ -100,6 +100,64 @@ Things found while building this against wterm 0.5.4, recorded here, not pushed
 - `@wterm/core` always ships the WASM inlined as base64 behind a dynamic import. A build without it, or an explicit entry point that takes a URL, would save the bundler plugin.
 - wterm reads focus and selection from `ownerDocument` (`activeElement`, `getSelection()`), so selection and copy don't work inside a shadow root that wterm itself owns. That's why the element renders in light DOM. It still works when the element is placed inside someone else's shadow root.
 
+## UI
+
+`dist/slicc-ui.js` is SLICC's app shell on Spectrum Web Components 1.12 with the Spectrum 2 theme (`<sp-theme system="spectrum-two">`), in light and dark. It runs against a typed model, not against the kernel, the agent or the browser directly, and is not wired to any of them yet. `dist/slicc-dummy.js` provides a dummy model that streams replies and tool calls with timers.
+
+```html
+<slicc-app></slicc-app>
+<script type="module">
+  import { createDummyModel } from './dist/slicc-dummy.js';
+  import './dist/slicc-ui.js';
+
+  document.querySelector('slicc-app').model = createDummyModel({ storage: localStorage });
+</script>
+```
+
+`npm start` serves it at `/ui/`. `?fonts=<url>` loads Adobe Clean from another folder (see [Fonts](#fonts)).
+
+### Layouts and rails
+
+The layout follows the width of `<slicc-app>`, which it reflects as its `screen` attribute: `phone` (under 640 px) has one column, `tablet` (under 1200 px) two, `desktop` three, like SLICC v6. Each screen class starts with few panels open and saves its own layout (`slicc-ui.layout.<screen>`). Every surface has a home side, left, center or right. Closed panels wait as icons in the left and right rails (on a phone, in one bar at the bottom); one click puts a panel back on its side, next to its neighbours.
+
+### Fonts
+
+Text is Adobe Clean and code Spectrum's Source Code Pro. Source Code Pro (OFL) is in `dist/fonts/`, same origin. Adobe Clean can't ship in a public package, so `<slicc-app>` loads it from `fontBase` (`AdobeClean-{Regular,Medium,Bold,ExtraBold}.otf`), which defaults to `/fonts/` on the current origin. Every `*.sliccy.ai` host passes it through to v6, and `npm start` proxies it from `seven.sliccy.ai`. Where it 404s, text falls back to the system font stack. `?delay=` sets the dummy's tick in milliseconds (default 30) and `?color=light|dark|system` the theme.
+
+### Elements
+
+| Element | |
+| :--- | :--- |
+| `<slicc-app>` | The shell: header with the agent picker, the View menu and the theme switch, rails, a `<slicc-dock>`, and a status bar. Saves the dock layout per screen class to `storage` (default `localStorage`) under `layoutKey`. |
+| `<slicc-dock>` | Generic. [dockview-core](https://dockview.dev/) 8 with a theme mapped to Spectrum tokens, in its own shadow root. Panels come from `factories` (`name → (params) => HTMLElement`). `open`, `close`, `has`, `content`, `focusPanel`, `cycleGroup`, `cycleTab`, `toJSON`, `restore`, `clear`, and the full `api`. Tabs have a context menu (close, close others, float, maximize). Events: `layout-change`, `active-panel-change`, `panel-close`. |
+| `<slicc-agents>` | Cones with their scoops, status, context fill and unread count. Selecting one makes it the active agent. |
+| `<slicc-chat>` | The active agent's conversation: Markdown, thinking, tool calls (collapsible, with input and output), events such as webhooks, schedules, scoops, compaction and errors, and a composer that streams and stops. |
+
+Keys: <kbd>Alt</kbd>+<kbd>1</kbd>… opens and focuses a panel, <kbd>F6</kbd> and <kbd>Shift</kbd>+<kbd>F6</kbd> move between groups, <kbd>Ctrl</kbd>+<kbd>]</kbd> and <kbd>Ctrl</kbd>+<kbd>[</kbd> between tabs, <kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> switches the theme. In the agents list, arrows, <kbd>Home</kbd>, <kbd>End</kbd>, <kbd>Enter</kbd> and <kbd>Space</kbd>. In the composer, <kbd>Enter</kbd> sends, <kbd>Shift</kbd>+<kbd>Enter</kbd> adds a line and <kbd>Esc</kbd> stops a reply.
+
+### Model
+
+`SliccModel` (`src/model/types.ts`) has one port per future backend, so adapters can replace the dummy without UI changes. Every port is subscribable with `on(type, listener)`, which returns an unsubscribe function.
+
+| Port | Later backed by | |
+| :--- | :--- | :--- |
+| `agent` | `@ai-ecoverse/slicc-agent` | Cones and scoops, the active agent, conversations, `send` and `stop`. Assistant messages stream: the same message is re-emitted as its parts grow and its tool calls go from `running` to `done`. |
+| `files` | slicc-kernel's OPFS | `list`, `read`, `write`, `remove`, and pending changes with their before and after text (`accept`, `revert`). |
+| `terminals` | slicc-kernel's terminal API | Terminal sessions; `backend(id)` returns a `TerminalBackend` for `<slicc-terminal>`. |
+| `browser` | `@ai-ecoverse/slicc-cdp` | Tabs, the active tab, `open`, `navigate`, `close`, `screenshot`. |
+| `settings` | local storage | Theme, model, thinking level, composer and diff preferences, the models on offer, and accounts. |
+
+The dummy's fixtures are invented: a small forecast API called harbor, with cones, scoops, a conversation per agent, pending changes, browser tabs and accounts. Its replies are scripted by keyword (tests, fix or add, open or docs, files, anything else), and their tool calls act on the other ports: an edit writes a file and shows up as a change, a browse opens a tab.
+
+### Distribution
+
+The UI is ESM with code splitting: `slicc-ui.js`, `slicc-dummy.js` and `chunk-*.js` next to them in `dist/`, with no bare imports, so the folder can be served as plain files from OPFS. dockview's ESM build has no CSS; the build takes it from dockview's UMD bundle. Types are in `dist/types/ui.d.ts` and `dist/types/dummy.d.ts`, exported as `@ai-ecoverse/slicc-spectrum/ui` and `/dummy`.
+
+### dockview notes
+
+- Keyboard navigation (`keyboardNavigation`) needs dockview-enterprise, so `<slicc-dock>` implements <kbd>F6</kbd> and <kbd>Ctrl</kbd>+<kbd>]</kbd>/<kbd>[</kbd> itself.
+- A floating group with a border (`--dv-floating-border`, which dockview's own light theme sets) grows by twice the border width on every save and restore. The theme draws the edge with a box shadow instead.
+
 ## Development
 
 ```sh
@@ -108,9 +166,11 @@ npm run lint
 npm test
 ```
 
-`npm test` builds `dist/` and runs the integration tests in headless Chromium over raw CDP against a fake backend (`test/integration/page/fake-backend.js`). It writes V8 coverage to `coverage/` and CPU profiles, screenshots and console logs to `artifacts/`. The test page is served cross-origin isolated (COOP/COEP), as slicc-kernel requires. `test/integration/kernel.test.mjs` runs `bash -i` end to end on `@ai-ecoverse/slicc-kernel` (a pinned dev dependency), with `@ai-ecoverse/wasm-bash` and `@ai-ecoverse/wasm-coreutils` installed into OPFS by the page (`/kernel.html`). `npm start` serves the test page on port 8080.
+`npm test` builds `dist/` and runs the integration tests in headless Chromium over raw CDP, through the [harness from slicc-shared-web](https://github.com/ai-ecoverse/slicc-shared-web#integration-test-harness), against a fake backend (`test/integration/page/fake-backend.js`). It writes V8 coverage to `coverage/` and CPU profiles, screenshots and console logs to `artifacts/`. The test page is served cross-origin isolated (COOP/COEP), as slicc-kernel requires. `test/integration/kernel.test.mjs` runs `bash -i` end to end on `@ai-ecoverse/slicc-kernel` (a pinned dev dependency), with `@ai-ecoverse/wasm-bash` and `@ai-ecoverse/wasm-coreutils` installed into OPFS by the page (`/kernel.html`). `npm start` serves the test page on port 8080, and the UI at `/ui/`. `test/integration/ui.test.mjs` covers the shell, the layout (moving, closing, floating, reopening and reloading), streaming a reply with a tool call, stopping it, switching themes and the keyboard, and saves screenshots to `artifacts/ui/`.
+
+The Biome, TypeScript, lefthook, Renovate and CI configuration comes from [slicc-shared-web](https://github.com/ai-ecoverse/slicc-shared-web), which also provides the `slicc-lint-comments`, `slicc-no-unit-tests` and `slicc-diff-cover` commands used by `npm run lint` and the pre-commit hook.
 
-Unit tests live in `test/unit/`, which is gitignored. The pre-commit hook runs them in Node against happy-dom under monocart and fails the commit unless the staged lines in `src/` are fully covered (`diff-cover --fail-under 100`).
+Unit tests live in `test/unit/`, which is gitignored. The pre-commit hook runs them in Node against happy-dom under monocart and fails the commit unless the staged lines in `src/` are fully covered (`slicc-diff-cover`, which runs `diff-cover --fail-under 100` and needs [uv](https://docs.astral.sh/uv/)).
 
 ## License
 

package/dist/chunk-24WRGUXG.js

@@ -0,0 +1,168 @@
+import {
+  __commonJS
+} from "./chunk-Q4AC2O6Z.js";
+
+// node_modules/focus-visible/dist/focus-visible.js
+var require_focus_visible = __commonJS({
+  "node_modules/focus-visible/dist/focus-visible.js"(exports, module) {
+    (function(global, factory) {
+      typeof exports === "object" && typeof module !== "undefined" ? factory() : typeof define === "function" && define.amd ? define(factory) : factory();
+    })(exports, (function() {
+      "use strict";
+      function applyFocusVisiblePolyfill(scope) {
+        var hadKeyboardEvent = true;
+        var hadFocusVisibleRecently = false;
+        var hadFocusVisibleRecentlyTimeout = null;
+        var inputTypesAllowlist = {
+          text: true,
+          search: true,
+          url: true,
+          tel: true,
+          email: true,
+          password: true,
+          number: true,
+          date: true,
+          month: true,
+          week: true,
+          time: true,
+          datetime: true,
+          "datetime-local": true
+        };
+        function isValidFocusTarget(el) {
+          if (el && el !== document && el.nodeName !== "HTML" && el.nodeName !== "BODY" && "classList" in el && "contains" in el.classList) {
+            return true;
+          }
+          return false;
+        }
+        function focusTriggersKeyboardModality(el) {
+          var type = el.type;
+          var tagName = el.tagName;
+          if (tagName === "INPUT" && inputTypesAllowlist[type] && !el.readOnly) {
+            return true;
+          }
+          if (tagName === "TEXTAREA" && !el.readOnly) {
+            return true;
+          }
+          if (el.isContentEditable) {
+            return true;
+          }
+          return false;
+        }
+        function addFocusVisibleClass(el) {
+          if (el.classList.contains("focus-visible")) {
+            return;
+          }
+          el.classList.add("focus-visible");
+          el.setAttribute("data-focus-visible-added", "");
+        }
+        function removeFocusVisibleClass(el) {
+          if (!el.hasAttribute("data-focus-visible-added")) {
+            return;
+          }
+          el.classList.remove("focus-visible");
+          el.removeAttribute("data-focus-visible-added");
+        }
+        function onKeyDown(e) {
+          if (e.metaKey || e.altKey || e.ctrlKey) {
+            return;
+          }
+          if (isValidFocusTarget(scope.activeElement)) {
+            addFocusVisibleClass(scope.activeElement);
+          }
+          hadKeyboardEvent = true;
+        }
+        function onPointerDown(e) {
+          hadKeyboardEvent = false;
+        }
+        function onFocus(e) {
+          if (!isValidFocusTarget(e.target)) {
+            return;
+          }
+          if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {
+            addFocusVisibleClass(e.target);
+          }
+        }
+        function onBlur(e) {
+          if (!isValidFocusTarget(e.target)) {
+            return;
+          }
+          if (e.target.classList.contains("focus-visible") || e.target.hasAttribute("data-focus-visible-added")) {
+            hadFocusVisibleRecently = true;
+            window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+            hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {
+              hadFocusVisibleRecently = false;
+            }, 100);
+            removeFocusVisibleClass(e.target);
+          }
+        }
+        function onVisibilityChange(e) {
+          if (document.visibilityState === "hidden") {
+            if (hadFocusVisibleRecently) {
+              hadKeyboardEvent = true;
+            }
+            addInitialPointerMoveListeners();
+          }
+        }
+        function addInitialPointerMoveListeners() {
+          document.addEventListener("mousemove", onInitialPointerMove);
+          document.addEventListener("mousedown", onInitialPointerMove);
+          document.addEventListener("mouseup", onInitialPointerMove);
+          document.addEventListener("pointermove", onInitialPointerMove);
+          document.addEventListener("pointerdown", onInitialPointerMove);
+          document.addEventListener("pointerup", onInitialPointerMove);
+          document.addEventListener("touchmove", onInitialPointerMove);
+          document.addEventListener("touchstart", onInitialPointerMove);
+          document.addEventListener("touchend", onInitialPointerMove);
+        }
+        function removeInitialPointerMoveListeners() {
+          document.removeEventListener("mousemove", onInitialPointerMove);
+          document.removeEventListener("mousedown", onInitialPointerMove);
+          document.removeEventListener("mouseup", onInitialPointerMove);
+          document.removeEventListener("pointermove", onInitialPointerMove);
+          document.removeEventListener("pointerdown", onInitialPointerMove);
+          document.removeEventListener("pointerup", onInitialPointerMove);
+          document.removeEventListener("touchmove", onInitialPointerMove);
+          document.removeEventListener("touchstart", onInitialPointerMove);
+          document.removeEventListener("touchend", onInitialPointerMove);
+        }
+        function onInitialPointerMove(e) {
+          if (e.target.nodeName && e.target.nodeName.toLowerCase() === "html") {
+            return;
+          }
+          hadKeyboardEvent = false;
+          removeInitialPointerMoveListeners();
+        }
+        document.addEventListener("keydown", onKeyDown, true);
+        document.addEventListener("mousedown", onPointerDown, true);
+        document.addEventListener("pointerdown", onPointerDown, true);
+        document.addEventListener("touchstart", onPointerDown, true);
+        document.addEventListener("visibilitychange", onVisibilityChange, true);
+        addInitialPointerMoveListeners();
+        scope.addEventListener("focus", onFocus, true);
+        scope.addEventListener("blur", onBlur, true);
+        if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {
+          scope.host.setAttribute("data-js-focus-visible", "");
+        } else if (scope.nodeType === Node.DOCUMENT_NODE) {
+          document.documentElement.classList.add("js-focus-visible");
+          document.documentElement.setAttribute("data-js-focus-visible", "");
+        }
+      }
+      if (typeof window !== "undefined" && typeof document !== "undefined") {
+        window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;
+        var event;
+        try {
+          event = new CustomEvent("focus-visible-polyfill-ready");
+        } catch (error) {
+          event = document.createEvent("CustomEvent");
+          event.initCustomEvent("focus-visible-polyfill-ready", false, false, {});
+        }
+        window.dispatchEvent(event);
+      }
+      if (typeof document !== "undefined") {
+        applyFocusVisiblePolyfill(document);
+      }
+    }));
+  }
+});
+export default require_focus_visible();
+//# sourceMappingURL=chunk-24WRGUXG.js.map

package/dist/chunk-24WRGUXG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/focus-visible/dist/focus-visible.js"],
+  "sourcesContent": ["(function (global, factory) {\n  typeof exports === 'object' && typeof module !== 'undefined' ? factory() :\n  typeof define === 'function' && define.amd ? define(factory) :\n  (factory());\n}(this, (function () { 'use strict';\n\n  /**\n   * Applies the :focus-visible polyfill at the given scope.\n   * A scope in this case is either the top-level Document or a Shadow Root.\n   *\n   * @param {(Document|ShadowRoot)} scope\n   * @see https://github.com/WICG/focus-visible\n   */\n  function applyFocusVisiblePolyfill(scope) {\n    var hadKeyboardEvent = true;\n    var hadFocusVisibleRecently = false;\n    var hadFocusVisibleRecentlyTimeout = null;\n\n    var inputTypesAllowlist = {\n      text: true,\n      search: true,\n      url: true,\n      tel: true,\n      email: true,\n      password: true,\n      number: true,\n      date: true,\n      month: true,\n      week: true,\n      time: true,\n      datetime: true,\n      'datetime-local': true\n    };\n\n    /**\n     * Helper function for legacy browsers and iframes which sometimes focus\n     * elements like document, body, and non-interactive SVG.\n     * @param {Element} el\n     */\n    function isValidFocusTarget(el) {\n      if (\n        el &&\n        el !== document &&\n        el.nodeName !== 'HTML' &&\n        el.nodeName !== 'BODY' &&\n        'classList' in el &&\n        'contains' in el.classList\n      ) {\n        return true;\n      }\n      return false;\n    }\n\n    /**\n     * Computes whether the given element should automatically trigger the\n     * `focus-visible` class being added, i.e. whether it should always match\n     * `:focus-visible` when focused.\n     * @param {Element} el\n     * @return {boolean}\n     */\n    function focusTriggersKeyboardModality(el) {\n      var type = el.type;\n      var tagName = el.tagName;\n\n      if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {\n        return true;\n      }\n\n      if (tagName === 'TEXTAREA' && !el.readOnly) {\n        return true;\n      }\n\n      if (el.isContentEditable) {\n        return true;\n      }\n\n      return false;\n    }\n\n    /**\n     * Add the `focus-visible` class to the given element if it was not added by\n     * the author.\n     * @param {Element} el\n     */\n    function addFocusVisibleClass(el) {\n      if (el.classList.contains('focus-visible')) {\n        return;\n      }\n      el.classList.add('focus-visible');\n      el.setAttribute('data-focus-visible-added', '');\n    }\n\n    /**\n     * Remove the `focus-visible` class from the given element if it was not\n     * originally added by the author.\n     * @param {Element} el\n     */\n    function removeFocusVisibleClass(el) {\n      if (!el.hasAttribute('data-focus-visible-added')) {\n        return;\n      }\n      el.classList.remove('focus-visible');\n      el.removeAttribute('data-focus-visible-added');\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      if (isValidFocusTarget(scope.activeElement)) {\n        addFocusVisibleClass(scope.activeElement);\n      }\n\n      hadKeyboardEvent = true;\n    }\n\n    /**\n     * If at any point a user clicks with a pointing device, ensure that we change\n     * the modality away from keyboard.\n     * This avoids the situation where a user presses a key on an already focused\n     * element, and then clicks on a different element, focusing it with a\n     * pointing device, while we still think we're in keyboard modality.\n     * @param {Event} e\n     */\n    function onPointerDown(e) {\n      hadKeyboardEvent = false;\n    }\n\n    /**\n     * On `focus`, add the `focus-visible` class to the target if:\n     * - the target received focus as a result of keyboard navigation, or\n     * - the event target is an element that will likely require interaction\n     *   via the keyboard (e.g. a text box)\n     * @param {Event} e\n     */\n    function onFocus(e) {\n      // Prevent IE from focusing the document or HTML element.\n      if (!isValidFocusTarget(e.target)) {\n        return;\n      }\n\n      if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {\n        addFocusVisibleClass(e.target);\n      }\n    }\n\n    /**\n     * On `blur`, remove the `focus-visible` class from the target.\n     * @param {Event} e\n     */\n    function onBlur(e) {\n      if (!isValidFocusTarget(e.target)) {\n        return;\n      }\n\n      if (\n        e.target.classList.contains('focus-visible') ||\n        e.target.hasAttribute('data-focus-visible-added')\n      ) {\n        // To detect a tab/window switch, we look for a blur event followed\n        // rapidly by a visibility change.\n        // If we don't see a visibility change within 100ms, it's probably a\n        // regular focus change.\n        hadFocusVisibleRecently = true;\n        window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n        hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {\n          hadFocusVisibleRecently = false;\n        }, 100);\n        removeFocusVisibleClass(e.target);\n      }\n    }\n\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange(e) {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        if (hadFocusVisibleRecently) {\n          hadKeyboardEvent = true;\n        }\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    function onInitialPointerMove(e) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. \u00AF\\_(\u30C4)_/\u00AF\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      hadKeyboardEvent = false;\n      removeInitialPointerMoveListeners();\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    // For focus and blur, we specifically care about state changes in the local\n    // scope. This is because focus / blur events that originate from within a\n    // shadow root are not re-dispatched from the host element if it was already\n    // the active element in its own scope:\n    scope.addEventListener('focus', onFocus, true);\n    scope.addEventListener('blur', onBlur, true);\n\n    // We detect that a node is a ShadowRoot by ensuring that it is a\n    // DocumentFragment and also has a host property. This check covers native\n    // implementation and polyfill implementation transparently. If we only cared\n    // about the native implementation, we could just check if the scope was\n    // an instance of a ShadowRoot.\n    if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {\n      // Since a ShadowRoot is a special kind of DocumentFragment, it does not\n      // have a root element to add a class to. So, we add this attribute to the\n      // host element instead:\n      scope.host.setAttribute('data-js-focus-visible', '');\n    } else if (scope.nodeType === Node.DOCUMENT_NODE) {\n      document.documentElement.classList.add('js-focus-visible');\n      document.documentElement.setAttribute('data-js-focus-visible', '');\n    }\n  }\n\n  // It is important to wrap all references to global window and document in\n  // these checks to support server-side rendering use cases\n  // @see https://github.com/WICG/focus-visible/issues/199\n  if (typeof window !== 'undefined' && typeof document !== 'undefined') {\n    // Make the polyfill helper globally available. This can be used as a signal\n    // to interested libraries that wish to coordinate with the polyfill for e.g.,\n    // applying the polyfill to a shadow root:\n    window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;\n\n    // Notify interested libraries of the polyfill's presence, in case the\n    // polyfill was loaded lazily:\n    var event;\n\n    try {\n      event = new CustomEvent('focus-visible-polyfill-ready');\n    } catch (error) {\n      // IE11 does not support using CustomEvent as a constructor directly:\n      event = document.createEvent('CustomEvent');\n      event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});\n    }\n\n    window.dispatchEvent(event);\n  }\n\n  if (typeof document !== 'undefined') {\n    // Apply the polyfill to the global document, so that no JavaScript\n    // coordination is required to use the polyfill in the top-level document:\n    applyFocusVisiblePolyfill(document);\n  }\n\n})));\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunk-364Y2XOJ.js

@@ -0,0 +1,28 @@
+import {
+  e
+} from "./chunk-TS7SL372.js";
+
+// node_modules/@lit/reactive-element/decorators/query-assigned-elements.js
+function o(o2) {
+  return (e2, n) => {
+    const { slot: r, selector: s } = o2 ?? {}, c = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    return e(e2, n, { get() {
+      const t = this.renderRoot?.querySelector(c), e3 = t?.assignedElements(o2) ?? [];
+      return void 0 === s ? e3 : e3.filter((t2) => t2.matches(s));
+    } });
+  };
+}
+
+export {
+  o
+};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk-364Y2XOJ.js.map

package/dist/chunk-364Y2XOJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@lit/reactive-element/src/decorators/query-assigned-elements.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport type {ReactiveElement} from '../reactive-element.js';\nimport type {QueryAssignedNodesOptions} from './query-assigned-nodes.js';\nimport {desc, type Interface} from './base.js';\n\nexport type QueryAssignedElementsDecorator = {\n  // legacy\n  (\n    proto: Interface<ReactiveElement>,\n    name: PropertyKey,\n    descriptor?: PropertyDescriptor\n    // Note TypeScript requires the return type to be `void|any`\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): void | any;\n\n  // standard\n  <C extends Interface<ReactiveElement>, V extends Array<Element>>(\n    value: ClassAccessorDecoratorTarget<C, V>,\n    context: ClassAccessorDecoratorContext<C, V>\n  ): ClassAccessorDecoratorResult<C, V>;\n};\n\n/**\n * Options for the {@linkcode queryAssignedElements} decorator. Extends the\n * options that can be passed into\n * [HTMLSlotElement.assignedElements](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n */\nexport interface QueryAssignedElementsOptions\n  extends QueryAssignedNodesOptions {\n  /**\n   * CSS selector used to filter the elements returned. For example, a selector\n   * of `\".item\"` will only include elements with the `item` class.\n   */\n  selector?: string;\n}\n\n/**\n * A property decorator that converts a class property into a getter that\n * returns the `assignedElements` of the given `slot`. Provides a declarative\n * way to use\n * [`HTMLSlotElement.assignedElements`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\n *\n * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object.\n *\n * Example usage:\n * ```ts\n * class MyElement {\n *   @queryAssignedElements({ slot: 'list' })\n *   listItems!: Array<HTMLElement>;\n *   @queryAssignedElements()\n *   unnamedSlotEls!: Array<HTMLElement>;\n *\n *   render() {\n *     return html`\n *       <slot name=\"list\"></slot>\n *       <slot></slot>\n *     `;\n *   }\n * }\n * ```\n *\n * Note, the type of this property should be annotated as `Array<HTMLElement>`.\n *\n * @category Decorator\n */\nexport function queryAssignedElements(\n  options?: QueryAssignedElementsOptions\n): QueryAssignedElementsDecorator {\n  return (<V extends Array<Element>>(\n    obj: object,\n    name: PropertyKey | ClassAccessorDecoratorContext<unknown, unknown>\n  ) => {\n    const {slot, selector} = options ?? {};\n    const slotSelector = `slot${slot ? `[name=${slot}]` : ':not([name])'}`;\n    return desc(obj, name, {\n      get(this: ReactiveElement): V {\n        const slotEl =\n          this.renderRoot?.querySelector<HTMLSlotElement>(slotSelector);\n        const elements = slotEl?.assignedElements(options) ?? [];\n        return (\n          selector === undefined\n            ? elements\n            : elements.filter((node) => node.matches(selector))\n        ) as V;\n      },\n    });\n  }) as QueryAssignedElementsDecorator;\n}\n"],
+  "mappings": ";;;;;AA6EM,SAAUA,EACdC,IAAAA;AAEA,SAAA,CACEC,IACAC,MAAAA;AAEA,UAAA,EAAMC,MAACA,GAAIC,UAAEA,EAAAA,IAAYJ,MAAW,CAAA,GAC9BK,IAAe,UAAOF,IAAO,SAASA,CAAAA,MAAU;AACtD,WAAOG,EAAKL,IAAKC,GAAM,EACrB,MAAAK;AACE,YAAMC,IACJC,KAAKC,YAAYC,cAA+BN,CAAAA,GAC5CO,KAAWJ,GAAQK,iBAAiBb,EAAAA,KAAY,CAAA;AACtD,aAAA,WACEI,IACIQ,KACAA,GAASE,OAAQC,CAAAA,OAASA,GAAKC,QAAQZ,CAAAA,CAAAA;IAE/C,EAAA,CAAA;EAEH;AACH;",
+  "names": ["queryAssignedElements", "options", "obj", "name", "slot", "selector", "slotSelector", "desc", "get", "slotEl", "this", "renderRoot", "querySelector", "elements", "assignedElements", "filter", "node", "matches"]
+}

package/dist/chunk-4RGMMAR4.js

@@ -0,0 +1,18 @@
+import {
+  defineElement
+} from "./chunk-6A6NIESE.js";
+import {
+  Overlay
+} from "./chunk-SZ33GAVH.js";
+import "./chunk-IBQ4O4NO.js";
+import "./chunk-ZMBN6APP.js";
+import "./chunk-Y4Z7K443.js";
+import "./chunk-364Y2XOJ.js";
+import "./chunk-ER3HU7OE.js";
+import "./chunk-JASEW37G.js";
+import "./chunk-TS7SL372.js";
+import "./chunk-Q4AC2O6Z.js";
+
+// node_modules/@spectrum-web-components/overlay/sp-overlay.js
+defineElement("sp-overlay", Overlay);
+//# sourceMappingURL=chunk-4RGMMAR4.js.map

package/dist/chunk-4RGMMAR4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@spectrum-web-components/overlay/sp-overlay.ts"],
+  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\nimport { Overlay } from './src/Overlay.js';\n\ndefineElement('sp-overlay', Overlay);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sp-overlay': Overlay;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAeAA,cAAc,cAAcC,OAAO;",
+  "names": ["defineElement", "Overlay"]
+}

package/dist/chunk-5OVGH7HO.js

@@ -0,0 +1,28 @@
+// node_modules/@spectrum-web-components/reactive-controllers/src/MatchMedia.js
+var IS_MOBILE = "(max-width: 743px) and (hover: none) and (pointer: coarse)";
+var IS_TOUCH_DEVICE = "(hover: none) and (pointer: coarse)";
+var MatchMediaController = class {
+  constructor(e, t) {
+    this.key = /* @__PURE__ */ Symbol("match-media-key");
+    this.matches = false;
+    this.host = e, this.host.addController(this), this.media = window.matchMedia(t), this.matches = this.media.matches, this.onChange = this.onChange.bind(this), e.addController(this);
+  }
+  hostConnected() {
+    var e;
+    (e = this.media) == null || e.addEventListener("change", this.onChange);
+  }
+  hostDisconnected() {
+    var e;
+    (e = this.media) == null || e.removeEventListener("change", this.onChange);
+  }
+  onChange(e) {
+    this.matches !== e.matches && (this.matches = e.matches, this.host.requestUpdate(this.key, !this.matches));
+  }
+};
+
+export {
+  IS_MOBILE,
+  IS_TOUCH_DEVICE,
+  MatchMediaController
+};
+//# sourceMappingURL=chunk-5OVGH7HO.js.map

package/dist/chunk-5OVGH7HO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@spectrum-web-components/reactive-controllers/src/MatchMedia.ts"],
+  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport type { ReactiveController, ReactiveElement } from 'lit';\n\nexport const DARK_MODE = '(prefers-color-scheme: dark)';\nexport const IS_MOBILE =\n  '(max-width: 743px) and (hover: none) and (pointer: coarse)';\nexport const IS_TOUCH_DEVICE = '(hover: none) and (pointer: coarse)';\n\nexport class MatchMediaController implements ReactiveController {\n  key = Symbol('match-media-key');\n\n  matches = false;\n\n  protected host: ReactiveElement;\n\n  protected media: MediaQueryList;\n\n  constructor(host: ReactiveElement, query: string) {\n    this.host = host;\n    this.host.addController(this);\n    this.media = window.matchMedia(query);\n    this.matches = this.media.matches;\n    this.onChange = this.onChange.bind(this);\n    host.addController(this);\n  }\n\n  public hostConnected(): void {\n    this.media?.addEventListener('change', this.onChange);\n  }\n\n  public hostDisconnected(): void {\n    this.media?.removeEventListener('change', this.onChange);\n  }\n\n  protected onChange(event: MediaQueryListEvent): void {\n    if (this.matches === event.matches) {\n      return;\n    }\n    this.matches = event.matches;\n    this.host.requestUpdate(this.key, !this.matches);\n  }\n}\n"],
+  "mappings": ";AAaO,IACM,YACX;AAFK,IAGM,kBAAkB;AAExB,IAAM,uBAAN,MAAyD;EAS9D,YAAYA,GAAuBC,GAAe;AARlD,SAAA,MAAM,uBAAO,iBAAiB;AAE9B,SAAA,UAAU;AAOR,SAAK,OAAOD,GACZ,KAAK,KAAK,cAAc,IAAI,GAC5B,KAAK,QAAQ,OAAO,WAAWC,CAAK,GACpC,KAAK,UAAU,KAAK,MAAM,SAC1B,KAAK,WAAW,KAAK,SAAS,KAAK,IAAI,GACvCD,EAAK,cAAc,IAAI;EACzB;EAEO,gBAAsB;AApC/B,QAAAE;AAAAA,KAqCIA,IAAA,KAAK,UAAL,QAAAA,EAAY,iBAAiB,UAAU,KAAK,QAAA;EAC9C;EAEO,mBAAyB;AAxClC,QAAAA;AAAAA,KAyCIA,IAAA,KAAK,UAAL,QAAAA,EAAY,oBAAoB,UAAU,KAAK,QAAA;EACjD;EAEU,SAASC,GAAkC;AAC/C,SAAK,YAAYA,EAAM,YAG3B,KAAK,UAAUA,EAAM,SACrB,KAAK,KAAK,cAAc,KAAK,KAAK,CAAC,KAAK,OAAO;EACjD;AACF;",
+  "names": ["host", "query", "_a", "event"]
+}

package/dist/chunk-6A6NIESE.js

@@ -0,0 +1,9 @@
+// node_modules/@spectrum-web-components/base/src/define-element.js
+function defineElement(e, n) {
+  window.__swc, customElements.define(e, n);
+}
+
+export {
+  defineElement
+};
+//# sourceMappingURL=chunk-6A6NIESE.js.map

package/dist/chunk-6A6NIESE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@spectrum-web-components/base/src/define-element.ts"],
+  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\ninterface CustomElementConstructor {\n  new (...params: unknown[]): HTMLElement;\n}\n\nexport function defineElement(\n  name: string,\n  constructor: CustomElementConstructor\n): void {\n  if (window.__swc && window.__swc.DEBUG) {\n    if (customElements.get(name)) {\n      window.__swc.warn(\n        undefined,\n        `Attempted to redefine <${name}>. This usually indicates that multiple versions of the same web component were loaded onto a single page.`,\n        'https://opensource.adobe.com/spectrum-web-components/registry-conflicts'\n      );\n    }\n  }\n  customElements.define(name, constructor);\n}\n"],
+  "mappings": ";AAgBO,SAAS,cACdA,GACAC,GACM;AACF,SAAO,OASX,eAAe,OAAOD,GAAMC,CAAW;AACzC;",
+  "names": ["name", "constructor"]
+}

package/dist/chunk-EN3XGF2M.js

@@ -0,0 +1,26 @@
+// node_modules/@spectrum-web-components/reactive-controllers/src/DependencyManger.js
+var dependencyManagerLoadedSymbol = /* @__PURE__ */ Symbol("dependency manager loaded");
+var DependencyManagerController = class {
+  constructor(e) {
+    this.dependencies = {};
+    this._loaded = false;
+    this.host = e;
+  }
+  get loaded() {
+    return this._loaded;
+  }
+  set loaded(e) {
+    e !== this.loaded && (this._loaded = e, this.host.requestUpdate(dependencyManagerLoadedSymbol, !this.loaded));
+  }
+  add(e, o) {
+    const t = !!o || !!customElements.get(e) || this.dependencies[e];
+    t || customElements.whenDefined(e).then(() => {
+      this.add(e, true);
+    }), this.dependencies = { ...this.dependencies, [e]: t }, this.loaded = Object.values(this.dependencies).every((d) => d);
+  }
+};
+
+export {
+  DependencyManagerController
+};
+//# sourceMappingURL=chunk-EN3XGF2M.js.map

package/dist/chunk-EN3XGF2M.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@spectrum-web-components/reactive-controllers/src/DependencyManger.ts"],
+  "sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ReactiveElement } from 'lit';\nexport const dependencyManagerLoadedSymbol = Symbol(\n  'dependency manager loaded'\n);\n\n/**\n * Manage the availability of custom element dependencies of a host element\n * to gate render and functional behavior before and after their presence\n */\nexport class DependencyManagerController {\n  private dependencies: Record<string, boolean> = {};\n\n  private host!: ReactiveElement;\n\n  /**\n   * Whether all of the provided dependencies have been registered.\n   * This will be `false` when no dependencies have been listed for management.\n   * Changes to this value will trigger `requestUpdate()` on the host.\n   */\n  public get loaded(): boolean {\n    return this._loaded;\n  }\n\n  private set loaded(loaded: boolean) {\n    if (loaded === this.loaded) {\n      return;\n    }\n    this._loaded = loaded;\n    this.host.requestUpdate(dependencyManagerLoadedSymbol, !this.loaded);\n  }\n\n  private _loaded = false;\n\n  constructor(host: ReactiveElement) {\n    this.host = host;\n  }\n\n  /**\n   * Submit a custom element tag name to be managed as a dependency.\n   *\n   * @param dependency {string} - the custom element tag to manage\n   * @param alreadyLoaded {boolean} - force the managemented custom element to be listed as loaded\n   */\n  public add(dependency: string, alreadyLoaded?: boolean): void {\n    const loaded =\n      !!alreadyLoaded ||\n      !!customElements.get(dependency) ||\n      this.dependencies[dependency];\n    if (!loaded) {\n      customElements.whenDefined(dependency).then(() => {\n        this.add(dependency, true);\n      });\n    }\n    this.dependencies = {\n      ...this.dependencies,\n      [dependency]: loaded,\n    };\n    // Update the loaded property based on the new loaded state of all dependencies\n    this.loaded = Object.values(this.dependencies).every((loaded) => loaded);\n  }\n}\n"],
+  "mappings": ";AAaO,IAAM,gCAAgC,uBAC3C,2BACF;AAMO,IAAM,8BAAN,MAAkC;EAwBvC,YAAYA,GAAuB;AAvBnC,SAAQ,eAAwC,CAAC;AAqBjD,SAAQ,UAAU;AAGhB,SAAK,OAAOA;EACd;EAhBA,IAAW,SAAkB;AAC3B,WAAO,KAAK;EACd;EAEA,IAAY,OAAOC,GAAiB;AAC9BA,UAAW,KAAK,WAGpB,KAAK,UAAUA,GACf,KAAK,KAAK,cAAc,+BAA+B,CAAC,KAAK,MAAM;EACrE;EAcO,IAAIC,GAAoBC,GAA+B;AAC5D,UAAMF,IACJ,CAAC,CAACE,KACF,CAAC,CAAC,eAAe,IAAID,CAAU,KAC/B,KAAK,aAAaA,CAAU;AACzBD,SACH,eAAe,YAAYC,CAAU,EAAE,KAAK,MAAM;AAChD,WAAK,IAAIA,GAAY,IAAI;IAC3B,CAAC,GAEH,KAAK,eAAe,EAClB,GAAG,KAAK,cACR,CAACA,CAAU,GAAGD,EAChB,GAEA,KAAK,SAAS,OAAO,OAAO,KAAK,YAAY,EAAE,MAAOA,OAAWA,CAAM;EACzE;AACF;",
+  "names": ["host", "loaded", "dependency", "alreadyLoaded"]
+}

package/dist/chunk-ER3HU7OE.js

@@ -0,0 +1,22 @@
+import {
+  n
+} from "./chunk-TS7SL372.js";
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r(r2) {
+  return n({ ...r2, state: true, attribute: false });
+}
+
+export {
+  r
+};
+/*! Bundled license information:
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=chunk-ER3HU7OE.js.map

package/dist/chunk-ER3HU7OE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/@lit/reactive-element/src/decorators/state.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/*\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\n * property decorators (but not class decorators) in this file that have\n * an @ExportDecoratedItems annotation must be defined as a regular function,\n * not an arrow function.\n */\n\nimport {property} from './property.js';\n\nexport interface StateDeclaration<Type = unknown> {\n  /**\n   * A function that indicates if a property should be considered changed when\n   * it is set. The function should take the `newValue` and `oldValue` and\n   * return `true` if an update should be requested.\n   */\n  hasChanged?(value: Type, oldValue: Type): boolean;\n}\n\n/**\n * @deprecated use StateDeclaration\n */\nexport type InternalPropertyDeclaration<Type = unknown> =\n  StateDeclaration<Type>;\n\n/**\n * Declares a private or protected reactive property that still triggers\n * updates to the element when it changes. It does not reflect from the\n * corresponding attribute.\n *\n * Properties declared this way must not be used from HTML or HTML templating\n * systems, they're solely for properties internal to the element. These\n * properties may be renamed by optimization tools like closure compiler.\n * @category Decorator\n */\nexport function state(options?: StateDeclaration) {\n  return property({\n    ...options,\n    // Add both `state` and `attribute` because we found a third party\n    // controller that is keying off of PropertyOptions.state to determine\n    // whether a field is a private internal property or not.\n    state: true,\n    attribute: false,\n  });\n}\n"],
+  "mappings": ";;;;;AAwCM,SAAUA,EAAMC,IAAAA;AACpB,SAAOC,EAAS,EAAA,GACXD,IAIHD,OAAAA,MACAG,WAAAA,MAAW,CAAA;AAEf;",
+  "names": ["state", "options", "property", "attribute"]
+}

package/dist/chunk-FN3Y2AYJ.js

@@ -0,0 +1,17 @@
+import {
+  LONGPRESS_INSTRUCTIONS,
+  Overlay
+} from "./chunk-SZ33GAVH.js";
+import "./chunk-IBQ4O4NO.js";
+import "./chunk-ZMBN6APP.js";
+import "./chunk-Y4Z7K443.js";
+import "./chunk-364Y2XOJ.js";
+import "./chunk-ER3HU7OE.js";
+import "./chunk-JASEW37G.js";
+import "./chunk-TS7SL372.js";
+import "./chunk-Q4AC2O6Z.js";
+export {
+  LONGPRESS_INSTRUCTIONS,
+  Overlay
+};
+//# sourceMappingURL=chunk-FN3Y2AYJ.js.map

package/dist/chunk-FN3Y2AYJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-H5WU2XYY.js

@@ -0,0 +1,8 @@
+import "./chunk-HBUX7E54.js";
+import "./chunk-6A6NIESE.js";
+import "./chunk-364Y2XOJ.js";
+import "./chunk-ER3HU7OE.js";
+import "./chunk-JASEW37G.js";
+import "./chunk-TS7SL372.js";
+import "./chunk-Q4AC2O6Z.js";
+//# sourceMappingURL=chunk-H5WU2XYY.js.map

package/dist/chunk-H5WU2XYY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}