@redvars/peacock 3.8.0 → 3.8.2

package/dist/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../src/button/icon-button/icon-button.ts"],"sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { when } from 'lit/directives/when.js';\nimport styles from './icon-button.scss';\nimport { isLink } from '@/__internal/utils/is-link.js';\nimport {\n  dispatchActivationClick,\n  isActivationClick,\n} from '@/__internal/utils/dispatch-event-utils.js';\nimport { DISABLED_REASON_ID } from '@/button/ButtonConstants.js';\nimport IndividualComponent from '@/IndividualComponent.js';\nimport { mixinBaseButton } from '../base-button/base-button.js';\nimport { mixinHyperlink } from '@/__internal/mixins/hyperlink.js';\nimport { mixinDelegatesAria } from '@/__internal/aria/delegate.js';\nimport { mixinFormSubmitter } from '@/__internal/mixins/form-submitter.js';\nimport { mixinFormAssociated } from '@/__internal/mixins/form-associated.js';\nimport { mixinElementInternals } from '@/__internal/mixins/element-internals.js';\nimport { ARIAMixinStrict } from '@/__internal/aria/aria.js';\nimport type {\n  ButtonColor,\n  ButtonLevel,\n  ButtonShape,\n  ButtonSize,\n  ButtonVariant,\n} from '@/button/ButtonTypes.js';\n\n/**\n * @label Icon Button\n * @tag wc-icon-button\n * @rawTag icon-button\n *\n * @summary Icon buttons allow users to take actions, and make choices, with a single tap.\n *\n * @overview\n * <p>Icon buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. IconButton labels express what action will occur when the user interacts with it.</p>\n *\n * @cssprop --button-container-shape: Defines the border radius of the button container shape.\n *\n * @cssprop --button-container-shape-start-start: Defines the start position of the button container shape.\n * @cssprop --button-container-shape-start-end: Defines the end position of the button container shape.\n * @cssprop --button-container-shape-end-start: Defines the start position of the button container shape.\n * @cssprop --button-container-shape-end-end: Defines the end position of the button container shape.\n *\n *\n * @cssprop --filled-button-container-color: Color of the filled button container.\n * @cssprop --filled-button-label-text-color: Text color of the filled button label.\n *\n * @cssprop --outlined-button-container-color: Color of the outlined button container.\n * @cssprop --outlined-button-label-text-color: Text color of the outlined button label.\n *\n * @cssprop --text-button-label-text-color: Text color of the text button label.\n *\n * @cssprop --tonal-button-container-color: Color of the tonal button container.\n * @cssprop --tonal-button-label-text-color: Text color of the tonal button label.\n *\n * @cssprop --elevated-button-container-color: Color of the elevated button container.\n * @cssprop --elevated-button-label-text-color: Text color of the elevated button label.\n *\n * @cssprop --neo-button-container-color: Color of the neo button container.\n * @cssprop --neo-button-label-text-color: Text color of the neo button label.\n *\n * @fires {CustomEvent} button:click - Dispatched when the button is clicked.\n *\n * @example\n * ```html\n * <wc-icon-button><wc-icon name=\"home\"></wc-icon></wc-icon-button>\n * ```\n * @tags display\n */\n@IndividualComponent\nexport class IconButton extends mixinBaseButton(\n  mixinHyperlink(\n    mixinDelegatesAria(\n      mixinFormSubmitter(\n        mixinFormAssociated(mixinElementInternals(LitElement)),\n      ),\n    ),\n  ),\n) {\n  // ── Static ───────────────────────────────────────────────────────────────\n\n  /** @nocollapse */ // eslint-disable-next-line\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  };\n\n  static override styles = [styles];\n\n  /**\n   * Button size.\n   * Possible values are `\"xs\"`, `\"sm\"`, `\"md\"`, `\"lg\"`, `\"xl\"`. Defaults to `\"sm\"`.\n   */\n  @property({ reflect: true }) size: ButtonSize = 'sm';\n\n  /**\n   * Type is preset of color and variant. Type will be only applied.\n   *\n   */\n  @property({ type: String }) level?: ButtonLevel;\n\n  /** Shape of the button container. */\n  @property({ type: String, reflect: true }) shape?: ButtonShape = 'square';\n\n  /**\n   * The visual style of the button.\n   *\n   *  Possible variant values:\n   * `\"filled\"` is a filled button.\n   * `\"outlined\"` is an outlined button.\n   * `\"text\"` is a transparent button.\n   * `\"tonal\"` is a light color button.\n   * `\"elevated\"` is elevated button\n   */\n  @property({ reflect: true }) variant: ButtonVariant = 'filled';\n\n  /**\n   * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.\n   */\n  @property({ reflect: true }) color: ButtonColor = 'primary';\n\n  /** When true, renders the button in a loading skeleton state. */\n  @property({ type: Boolean, reflect: true }) skeleton: boolean = false;\n\n  /** When true, the button acts as a toggle. Use with `selected`. */\n  @property({ type: Boolean, reflect: true }) toggle: boolean = false;\n\n  /** When true (and `toggle` is set), the button is in the selected/pressed state. */\n  @property({ type: Boolean, reflect: true }) selected: boolean = false;\n\n  /** Optional tooltip text displayed on hover. */\n  @property() tooltip?: string;\n\n  @query('.button') readonly buttonElement!: HTMLElement | null;\n\n  constructor() {\n    super();\n    this.addEventListener('click', this.__dispatchClickWithThrottle);\n  }\n\n  __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n    // If the button is soft-disabled or a disabled link, we need to explicitly\n    // prevent the click from propagating to other event listeners as well as\n    // prevent the default action.\n    if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n      event.stopImmediatePropagation();\n      event.preventDefault();\n      return;\n    }\n\n    if (!isActivationClick(event) || !this.buttonElement) {\n      return;\n    }\n\n    this.focus();\n    dispatchActivationClick(this.buttonElement);\n  };\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  override firstUpdated(changedProperties: Map<PropertyKey, unknown>) {\n    super.firstUpdated(changedProperties);\n    this.__convertTypeToVariantAndColor();\n  }\n\n  __convertTypeToVariantAndColor() {\n    if (this.type === 'primary') {\n      this.color = 'primary';\n      this.variant = 'filled';\n    } else if (this.type === 'secondary') {\n      this.color = 'surface';\n      this.variant = 'filled';\n    } else if (this.type === 'tertiary') {\n      this.color = 'primary';\n      this.variant = 'text';\n    } else if (this.type === 'danger') {\n      this.color = 'danger';\n      this.variant = 'filled';\n    }\n  }\n\n  renderDisabledReason(softDisabled: boolean) {\n    if (softDisabled)\n      return html`<div\n        id=${DISABLED_REASON_ID}\n        role=\"tooltip\"\n        aria-label=${this.disabledReason}\n        class=\"screen-reader-only\"\n      >\n        ${this.disabledReason}\n      </div>`;\n    return nothing;\n  }\n\n  renderTooltip() {\n    if (this.tooltip) {\n      const buttonId = isLink(this) ? 'link' : 'button';\n      return html`<wc-tooltip class=\"tooltip\" for=${buttonId}\n        >${this.tooltip}</wc-tooltip\n      >`;\n    }\n    return nothing;\n  }\n\n  renderButtonContent() {\n    return html`\n      <slot class=\"icon-slot\"></slot>\n      <div class=\"touch\"></div>\n      ${this.renderDisabledReason(this.softDisabled)}\n    `;\n  }\n\n  renderButtonElement() {\n    const isElementLink = isLink(this);\n    const { ariaLabel, ariaHasPopup, ariaExpanded } = this as ARIAMixinStrict;\n\n    const cssClasses = {\n      button: true,\n      'native-button': !isElementLink,\n      'native-link': isElementLink,\n    };\n\n    if (!isLink(this)) {\n      return html`<button\n        class=${classMap(cssClasses)}\n        id=\"button\"\n        aria-label=\"${ariaLabel || nothing}\"\n        aria-haspopup=\"${ariaHasPopup || nothing}\"\n        aria-expanded=\"${ariaExpanded || nothing}\"\n        aria-describedby=${ifDefined(\n          this.softDisabled ? DISABLED_REASON_ID : undefined,\n        )}\n        ?aria-disabled=${this.softDisabled}\n        ?disabled=${this.disabled}\n      >\n        ${this.renderButtonContent()}\n      </button>`;\n    }\n    return html`<a\n      class=${classMap(cssClasses)}\n      id=\"link\"\n      href=${this.href}\n      target=${this.target}\n      tabindex=${this.disabled ? '-1' : '0'}\n      aria-label=\"${ariaLabel || nothing}\"\n      aria-haspopup=\"${ariaHasPopup || nothing}\"\n      aria-expanded=\"${ariaExpanded || nothing}\"\n      aria-describedby=${ifDefined(\n        this.softDisabled ? DISABLED_REASON_ID : undefined,\n      )}\n      ?aria-disabled=${this.softDisabled}\n    >\n      ${this.renderButtonContent()}\n    </a>`;\n  }\n\n  // ── Render ────────────────────────────────────────────────────────────────\n\n  override render() {\n    const buttonId = isLink(this) ? 'link' : 'button';\n\n    return html`\n      <wc-focus-ring class=\"focus-ring\" for=${buttonId}></wc-focus-ring>\n      <wc-elevation class=\"elevation\"></wc-elevation>\n      ${when(\n        this.variant === 'neo',\n        () => html`<div class=\"neo-background\"></div>`,\n      )}\n      <div class=\"background\"></div>\n      ${when(\n        this.variant === 'outlined' || this.variant === 'neo',\n        () => html`<div class=\"outline\"></div>`,\n      )}\n      <wc-ripple class=\"ripple\" for=\"button\"></wc-ripple>\n      <wc-skeleton class=\"skeleton\"></wc-skeleton>\n\n      ${this.renderButtonElement()} ${this.renderTooltip()}\n    `;\n  }\n}\n"],"names":["LitElement","html","nothing","classMap","ifDefined","when","styles","property","query"],"mappings":"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"}

package/dist/icon.js

@@ -0,0 +1,170 @@
+import { i, _ as __decorate, a as i$1, b, I as IndividualComponent } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { r } from './state-DkTK9EGF.js';
+import { a as fetchIcon, f as fetchSVG, s as sanitizeSvg, o } from './datasource-B2eRh6Or.js';
+import './directive-ZPhl09Yt.js';
+import './unsafe-html-Ct0N2_UU.js';
+
+var css_248z = i`* {
+  box-sizing: border-box;
+}
+
+.screen-reader-only {
+  display: none !important;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: inline-flex;
+  vertical-align: middle;
+  --icon-size: inherit;
+  --icon-color: inherit;
+}
+
+.icon {
+  height: var(--icon-size, 1rem);
+  width: var(--icon-size, 1rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.icon svg {
+  fill: var(--icon-color);
+  height: 100%;
+  width: 100%;
+}`;
+
+/**
+ * @label Icon
+ * @tag wc-icon
+ * @rawTag icon
+ * @summary Icons are visual symbols used to represent ideas, objects, or actions.
+ * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.
+ *
+ * @cssprop --icon-color - Controls the color of the icon.
+ * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to "1rem"
+ *
+ * @example
+ * ```html
+ * <wc-icon name="home" style="--icon-size: 2rem;"></wc-icon>
+ * ```
+ *
+ */
+let Icon = class Icon extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Icon library provider. Defaults to `"material-symbols"`. */
+        this.provider = 'material-symbols';
+        /** Rendered SVG markup, updated after each successful fetch. */
+        this.svgContent = '';
+        /** True while an SVG fetch is in-flight. */
+        this.loading = false;
+        /** Holds the last fetch error, if any. */
+        this.error = null;
+        // ── Private fields ────────────────────────────────────────────────────────
+        /** Monotonically incrementing token used to discard stale fetch results. */
+        this._fetchId = 0;
+    }
+    // ── Lifecycle ─────────────────────────────────────────────────────────────
+    firstUpdated() {
+        // perform initial fetch once component is connected and rendered
+        this.__scheduleUpdate();
+    }
+    updated(changedProperties) {
+        // only refetch when name or src changed
+        if (changedProperties.has('name') || changedProperties.has('src')) {
+            this.__scheduleUpdate();
+        }
+    }
+    // ── Private methods ───────────────────────────────────────────────────────
+    // small debounce to coalesce rapid changes (50ms)
+    __scheduleUpdate() {
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+        }
+        // @ts-ignore - setTimeout in DOM returns number
+        this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);
+    }
+    /** @internal */
+    async __updateSvg() {
+        this._fetchId += 1;
+        const currentId = this._fetchId;
+        this.loading = true;
+        this.error = null;
+        try {
+            let raw;
+            if (this.name) {
+                raw = await fetchIcon(this.name, this.provider);
+            }
+            else if (this.src) {
+                raw = await fetchSVG(this.src);
+            }
+            else {
+                raw = '';
+            }
+            // If another fetch started after this one, ignore this result
+            if (currentId !== this._fetchId)
+                return;
+            if (raw) {
+                this.svgContent = sanitizeSvg(raw);
+            }
+            else {
+                this.svgContent = '';
+            }
+        }
+        catch (err) {
+            // capture and surface error, but avoid throwing
+            this.error = err instanceof Error ? err : new Error(String(err));
+            this.svgContent = '';
+            // bubble an event so consumers can react
+            this.dispatchEvent(new CustomEvent('icon-error', {
+                detail: { name: this.name, src: this.src, error: this.error },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        finally {
+            // ensure loading is cleared unless another fetch started
+            if (currentId === this._fetchId) {
+                this.loading = false;
+            }
+        }
+    }
+    // ── Render ────────────────────────────────────────────────────────────────
+    render() {
+        // accessible wrapper; consumers can provide a fallback via <slot name="fallback">.
+        return b ` <div class="icon">
+      ${this.svgContent
+            ? o(this.svgContent)
+            : b `<slot name="fallback"></slot>`}
+    </div>`;
+    }
+};
+Icon.styles = [css_248z];
+__decorate([
+    n({ type: String, reflect: true })
+], Icon.prototype, "name", void 0);
+__decorate([
+    n({ type: String, reflect: true })
+], Icon.prototype, "src", void 0);
+__decorate([
+    n({ type: String })
+], Icon.prototype, "provider", void 0);
+__decorate([
+    r()
+], Icon.prototype, "svgContent", void 0);
+__decorate([
+    r() // @ts-ignore
+], Icon.prototype, "loading", void 0);
+__decorate([
+    r()
+], Icon.prototype, "error", void 0);
+Icon = __decorate([
+    IndividualComponent
+], Icon);
+
+export { Icon };
+//# sourceMappingURL=icon.js.map

package/dist/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../src/icon/icon.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\n\nimport { sanitizeSvg } from '@/__internal/utils/sanitize-svg.js';\n\nimport { fetchIcon, fetchSVG } from './datasource.js';\nimport styles from './icon.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\nexport type IconProvider = 'material-symbols' | 'material-icons';\n/**\n * @label Icon\n * @tag wc-icon\n * @rawTag icon\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n * @overview Icons are visual symbols used to represent ideas, objects, or actions. They communicate messages at a glance, afford interactivity, and draw attention to important information.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n *\n * @example\n * ```html\n * <wc-icon name=\"home\" style=\"--icon-size: 2rem;\"></wc-icon>\n * ```\n *\n */\n@IndividualComponent\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  /**\n   * The identifier for the icon.\n   * This name corresponds to a specific SVG asset in the icon set.\n   */\n  @property({ type: String, reflect: true }) name?: string;\n\n  /** URL of an external SVG file to fetch and render inline. */\n  @property({ type: String, reflect: true }) src?: string;\n\n  /** Icon library provider. Defaults to `\"material-symbols\"`. */\n  @property({ type: String }) provider: IconProvider = 'material-symbols';\n\n  /** Rendered SVG markup, updated after each successful fetch. */\n  @state()\n  private svgContent: string = '';\n\n  /** True while an SVG fetch is in-flight. */\n  @state() // @ts-ignore\n  private loading: boolean = false;\n\n  /** Holds the last fetch error, if any. */\n  @state()\n  private error: Error | null = null;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** Monotonically incrementing token used to discard stale fetch results. */\n  private _fetchId = 0;\n\n  /** Timer handle for debouncing rapid property changes. */\n  private _debounceTimer: number | undefined;\n\n  // ── Lifecycle ─────────────────────────────────────────────────────────────\n\n  firstUpdated() {\n    // perform initial fetch once component is connected and rendered\n    this.__scheduleUpdate();\n  }\n\n  updated(changedProperties: any) {\n    // only refetch when name or src changed\n    if (changedProperties.has('name') || changedProperties.has('src')) {\n      this.__scheduleUpdate();\n    }\n  }\n\n  // ── Private methods ───────────────────────────────────────────────────────\n\n  // small debounce to coalesce rapid changes (50ms)\n  private __scheduleUpdate() {\n    if (this._debounceTimer) {\n      clearTimeout(this._debounceTimer as any);\n    }\n    // @ts-ignore - setTimeout in DOM returns number\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\n  }\n\n  /** @internal */\n  private async __updateSvg() {\n    this._fetchId += 1;\n    const currentId = this._fetchId;\n    this.loading = true;\n    this.error = null;\n\n    try {\n      let raw: string | undefined;\n\n      if (this.name) {\n        raw = await fetchIcon(this.name, this.provider);\n      } else if (this.src) {\n        raw = await fetchSVG(this.src);\n      } else {\n        raw = '';\n      }\n\n      // If another fetch started after this one, ignore this result\n      if (currentId !== this._fetchId) return;\n\n      if (raw) {\n        this.svgContent = sanitizeSvg(raw);\n      } else {\n        this.svgContent = '';\n      }\n    } catch (err: any) {\n      // capture and surface error, but avoid throwing\n      this.error = err instanceof Error ? err : new Error(String(err));\n      this.svgContent = '';\n      // bubble an event so consumers can react\n      this.dispatchEvent(\n        new CustomEvent('icon-error', {\n          detail: { name: this.name, src: this.src, error: this.error },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    } finally {\n      // ensure loading is cleared unless another fetch started\n      if (currentId === this._fetchId) {\n        this.loading = false;\n      }\n    }\n  }\n\n  // ── Render ────────────────────────────────────────────────────────────────\n\n  render() {\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\n    return html` <div class=\"icon\">\n      ${this.svgContent\n        ? unsafeSVG(this.svgContent)\n        : html`<slot name=\"fallback\"></slot>`}\n    </div>`;\n  }\n}\n"],"names":["LitElement","html","unsafeSVG","styles","property","state"],"mappings":"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"}

package/dist/if-defined-BXZpRQ4P.js

@@ -0,0 +1,10 @@
+import { A } from './IndividualComponent-Bdwyrvd6.js';
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const o=o=>o??A;
+
+export { o };
+//# sourceMappingURL=if-defined-BXZpRQ4P.js.map

package/dist/if-defined-BXZpRQ4P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"if-defined-BXZpRQ4P.js","sources":["../node_modules/lit-html/directives/if-defined.js"],"sourcesContent":["import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n"],"names":["t"],"mappings":";;AACA;AACA;AACA;AACA;AACA,GAAQ,MAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA;;;;","x_google_ignoreList":[0]}

package/dist/image.js

@@ -0,0 +1,201 @@
+import { i, _ as __decorate, I as IndividualComponent, a as i$1, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { r } from './state-DkTK9EGF.js';
+import { e } from './query-CHb9Ft_d.js';
+import { i as isDarkMode, o as observeThemeChange } from './is-dark-mode-DOcaw4Yq.js';
+import './base-Cl6v8-BZ.js';
+
+var css_248z = i`@charset "UTF-8";
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+
+.image-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+
+img {
+  display: block;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+img.clickable {
+  cursor: zoom-in;
+}
+
+.placeholder {
+  background: #e0e0e0;
+  min-width: 100px;
+  min-height: 100px;
+  display: block;
+}
+
+/* Lightbox preview — native <dialog> renders in the top layer,
+   bypassing any stacking context on the host page.                  */
+.preview-dialog {
+  background: transparent;
+  border: none;
+  cursor: zoom-out;
+  max-height: 90dvh;
+  max-width: 90dvw;
+  padding: 0;
+}
+.preview-dialog[open] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.preview-dialog::backdrop {
+  background: color-mix(in srgb, var(--color-scrim), transparent 15%);
+}
+
+.preview-dialog img {
+  max-width: 90vw;
+  max-height: 90vh;
+  object-fit: contain;
+  box-shadow: 0 8px 40px color-mix(in srgb, var(--color-shadow), transparent 40%);
+  border-radius: 4px;
+  cursor: auto;
+}`;
+
+/**
+ * @label Image
+ * @tag wc-image
+ * @rawTag image
+ * @summary An image component with lazy loading and theme support.
+ * @tags media
+ *
+ * @example
+ * ```html
+ * <wc-image src="image.jpg" alt="Description"></wc-image>
+ * ```
+ */
+let Image = class Image extends i$1 {
+    constructor() {
+        super(...arguments);
+        /** Primary image source */
+        this.src = '';
+        /** Optional dark-mode image source */
+        this.darkSrc = '';
+        /** Alt text / title for the image */
+        this.imageTitle = '';
+        /** Enable click-to-preview lightbox */
+        this.preview = false;
+        /** True when the OS/app theme is dark, used to select `darkSrc`. */
+        this._isDarkMode = isDarkMode();
+        /** True once the image has entered the viewport and the `<img>` element has been rendered. */
+        this._loaded = false;
+        // ── Private fields ────────────────────────────────────────────────────────
+        /** IntersectionObserver for lazy-loading the image when it enters the viewport. */
+        this._intersectionObserver = null;
+        /** Cleanup function returned by `observeThemeChange`. */
+        this._themeCleanup = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Theme observation
+        this._themeCleanup = observeThemeChange(() => {
+            this._isDarkMode = isDarkMode();
+            // Reset lazy-load state so new src is loaded when visible
+            this._loaded = false;
+            this._setupIntersectionObserver();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._intersectionObserver?.disconnect();
+        this._themeCleanup?.();
+    }
+    firstUpdated() {
+        this._setupIntersectionObserver();
+    }
+    _setupIntersectionObserver() {
+        this._intersectionObserver?.disconnect();
+        const wrapper = this.shadowRoot?.querySelector('.image-wrapper');
+        if (!wrapper)
+            return;
+        this._intersectionObserver = new IntersectionObserver(entries => {
+            if (entries[0].isIntersecting) {
+                this._loaded = true;
+                this._intersectionObserver?.disconnect();
+            }
+        }, { rootMargin: '200px' });
+        this._intersectionObserver.observe(wrapper);
+    }
+    get _activeSrc() {
+        return this._isDarkMode && this.darkSrc ? this.darkSrc : this.src;
+    }
+    _handleClick() {
+        if (this.preview) {
+            this._dialog?.showModal();
+        }
+    }
+    _handleDialogClick(e) {
+        // Close when clicking the backdrop (target is the dialog itself, not the image)
+        if (e.target === e.currentTarget) {
+            e.currentTarget.close();
+        }
+    }
+    render() {
+        return b `
+      <div class="image-wrapper">
+        ${this._loaded
+            ? b `<img
+              src=${this._activeSrc}
+              alt=${this.imageTitle}
+              class=${this.preview ? 'clickable' : ''}
+              @click=${this._handleClick}
+            />`
+            : b `<span class="placeholder" aria-hidden="true"></span>`}
+      </div>
+
+      <!-- Lightbox preview dialog — uses native top-layer to avoid stacking context issues -->
+      <dialog
+        class="preview-dialog"
+        aria-label="Image preview"
+        @click=${this._handleDialogClick}
+      >
+        <img
+          src=${this._activeSrc}
+          alt=${this.imageTitle}
+          @click=${(e) => e.stopPropagation()}
+        />
+      </dialog>
+    `;
+    }
+};
+Image.styles = [css_248z];
+__decorate([
+    n({ reflect: true })
+], Image.prototype, "src", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'dark-src' })
+], Image.prototype, "darkSrc", void 0);
+__decorate([
+    n({ attribute: 'image-title' })
+], Image.prototype, "imageTitle", void 0);
+__decorate([
+    n({ type: Boolean, reflect: true })
+], Image.prototype, "preview", void 0);
+__decorate([
+    r()
+], Image.prototype, "_isDarkMode", void 0);
+__decorate([
+    r()
+], Image.prototype, "_loaded", void 0);
+__decorate([
+    e('.preview-dialog')
+], Image.prototype, "_dialog", void 0);
+Image = __decorate([
+    IndividualComponent
+], Image);
+
+export { Image };
+//# sourceMappingURL=image.js.map

package/dist/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../src/image/image.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { isDarkMode } from '@/__internal/utils/is-dark-mode.js';\nimport { observeThemeChange } from '@/__internal/utils/observe-theme-change.js';\n\nimport styles from './image.scss';\nimport IndividualComponent from '@/IndividualComponent.js';\n\n/**\n * @label Image\n * @tag wc-image\n * @rawTag image\n * @summary An image component with lazy loading and theme support.\n * @tags media\n *\n * @example\n * ```html\n * <wc-image src=\"image.jpg\" alt=\"Description\"></wc-image>\n * ```\n */\n@IndividualComponent\nexport class Image extends LitElement {\n  static styles = [styles];\n\n  /** Primary image source */\n  @property({ reflect: true }) src = '';\n\n  /** Optional dark-mode image source */\n  @property({ reflect: true, attribute: 'dark-src' }) darkSrc = '';\n\n  /** Alt text / title for the image */\n  @property({ attribute: 'image-title' }) imageTitle = '';\n\n  /** Enable click-to-preview lightbox */\n  @property({ type: Boolean, reflect: true }) preview = false;\n\n  /** True when the OS/app theme is dark, used to select `darkSrc`. */\n  @state() private _isDarkMode: boolean = isDarkMode();\n\n  /** True once the image has entered the viewport and the `<img>` element has been rendered. */\n  @state() private _loaded = false;\n\n  @query('.preview-dialog') private _dialog?: HTMLDialogElement;\n\n  // ── Private fields ────────────────────────────────────────────────────────\n\n  /** IntersectionObserver for lazy-loading the image when it enters the viewport. */\n  private _intersectionObserver: IntersectionObserver | null = null;\n\n  /** Cleanup function returned by `observeThemeChange`. */\n  private _themeCleanup: (() => void) | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Theme observation\n    this._themeCleanup = observeThemeChange(() => {\n      this._isDarkMode = isDarkMode();\n      // Reset lazy-load state so new src is loaded when visible\n      this._loaded = false;\n      this._setupIntersectionObserver();\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._intersectionObserver?.disconnect();\n    this._themeCleanup?.();\n  }\n\n  firstUpdated() {\n    this._setupIntersectionObserver();\n  }\n\n  private _setupIntersectionObserver() {\n    this._intersectionObserver?.disconnect();\n\n    const wrapper = this.shadowRoot?.querySelector('.image-wrapper');\n    if (!wrapper) return;\n\n    this._intersectionObserver = new IntersectionObserver(\n      entries => {\n        if (entries[0].isIntersecting) {\n          this._loaded = true;\n          this._intersectionObserver?.disconnect();\n        }\n      },\n      { rootMargin: '200px' }, // start loading slightly before entering viewport\n    );\n\n    this._intersectionObserver.observe(wrapper);\n  }\n\n  private get _activeSrc(): string {\n    return this._isDarkMode && this.darkSrc ? this.darkSrc : this.src;\n  }\n\n  private _handleClick() {\n    if (this.preview) {\n      this._dialog?.showModal();\n    }\n  }\n\n  private _handleDialogClick(e: MouseEvent) {\n    // Close when clicking the backdrop (target is the dialog itself, not the image)\n    if (e.target === e.currentTarget) {\n      (e.currentTarget as HTMLDialogElement).close();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"image-wrapper\">\n        ${this._loaded\n          ? html`<img\n              src=${this._activeSrc}\n              alt=${this.imageTitle}\n              class=${this.preview ? 'clickable' : ''}\n              @click=${this._handleClick}\n            />`\n          : html`<span class=\"placeholder\" aria-hidden=\"true\"></span>`}\n      </div>\n\n      <!-- Lightbox preview dialog — uses native top-layer to avoid stacking context issues -->\n      <dialog\n        class=\"preview-dialog\"\n        aria-label=\"Image preview\"\n        @click=${this._handleDialogClick}\n      >\n        <img\n          src=${this._activeSrc}\n          alt=${this.imageTitle}\n          @click=${(e: Event) => e.stopPropagation()}\n        />\n      </dialog>\n    `;\n  }\n}\n"],"names":["LitElement","html","styles","property","state","query"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;AAWG;AAEI,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQA,GAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;;QAIwB,IAAA,CAAA,GAAG,GAAG,EAAE;;QAGe,IAAA,CAAA,OAAO,GAAG,EAAE;;QAGxB,IAAA,CAAA,UAAU,GAAG,EAAE;;QAGX,IAAA,CAAA,OAAO,GAAG,KAAK;;QAG1C,IAAA,CAAA,WAAW,GAAY,UAAU,EAAE;;QAGnC,IAAA,CAAA,OAAO,GAAG,KAAK;;;QAOxB,IAAA,CAAA,qBAAqB,GAAgC,IAAI;;QAGzD,IAAA,CAAA,aAAa,GAAwB,IAAI;IAuFnD;IArFE,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;;AAGzB,QAAA,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC,MAAK;AAC3C,YAAA,IAAI,CAAC,WAAW,GAAG,UAAU,EAAE;;AAE/B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YACpB,IAAI,CAAC,0BAA0B,EAAE;AACnC,QAAA,CAAC,CAAC;IACJ;IAEA,oBAAoB,GAAA;QAClB,KAAK,CAAC,oBAAoB,EAAE;AAC5B,QAAA,IAAI,CAAC,qBAAqB,EAAE,UAAU,EAAE;AACxC,QAAA,IAAI,CAAC,aAAa,IAAI;IACxB;IAEA,YAAY,GAAA;QACV,IAAI,CAAC,0BAA0B,EAAE;IACnC;IAEQ,0BAA0B,GAAA;AAChC,QAAA,IAAI,CAAC,qBAAqB,EAAE,UAAU,EAAE;QAExC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC;AAChE,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CACnD,OAAO,IAAG;AACR,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;AAC7B,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,gBAAA,IAAI,CAAC,qBAAqB,EAAE,UAAU,EAAE;YAC1C;AACF,QAAA,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB;AAED,QAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C;AAEA,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;IACnE;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE;QAC3B;IACF;AAEQ,IAAA,kBAAkB,CAAC,CAAa,EAAA;;QAEtC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE;AAC/B,YAAA,CAAC,CAAC,aAAmC,CAAC,KAAK,EAAE;QAChD;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAOC,CAAI,CAAA;;AAEL,QAAA,EAAA,IAAI,CAAC;cACHA,CAAI,CAAA,CAAA;AACI,kBAAA,EAAA,IAAI,CAAC,UAAU;AACf,kBAAA,EAAA,IAAI,CAAC,UAAU;sBACb,IAAI,CAAC,OAAO,GAAG,WAAW,GAAG,EAAE;AAC9B,qBAAA,EAAA,IAAI,CAAC,YAAY;AACzB,cAAA;cACHA,CAAI,CAAA,CAAA,oDAAA,CAAsD;;;;;;;AAOrD,eAAA,EAAA,IAAI,CAAC,kBAAkB;;;AAGxB,cAAA,EAAA,IAAI,CAAC,UAAU;AACf,cAAA,EAAA,IAAI,CAAC,UAAU;AACZ,iBAAA,EAAA,CAAC,CAAQ,KAAK,CAAC,CAAC,eAAe,EAAE;;;KAG/C;IACH;;AAlHO,KAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAGK,UAAA,CAAA;AAA5B,IAAAC,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AAAW,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,KAAA,EAAA,MAAA,CAAA;AAGc,UAAA,CAAA;IAAnDA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE;AAAe,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGzB,UAAA,CAAA;AAAvC,IAAAA,CAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;AAAkB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAGZ,UAAA,CAAA;IAA3CA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAAkB,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAG3C,UAAA,CAAA;AAAhB,IAAAC,CAAK;AAA+C,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAGpC,UAAA,CAAA;AAAhB,IAAAA,CAAK;AAA2B,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAEC,UAAA,CAAA;IAAjCC,CAAK,CAAC,iBAAiB;AAAsC,CAAA,EAAA,KAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AArBnD,KAAK,GAAA,UAAA,CAAA;IADjB;AACY,CAAA,EAAA,KAAK,CAoHjB;;;;"}

package/dist/index.js

@@ -1,62 +1,115 @@
-export { I as Icon } from './icon-CueRR7wx.js';
-export { A as Accordion, a as Avatar, B as Badge, b as Breadcrumb, c as BreadcrumbItem, C as Checkbox, d as Chip, e as ChipSet, f as CircularProgress, g as Container, D as DatePicker, h as Divider, E as Elevation, i as EmptyState, F as Field, j as FocusRing, I as Image, k as Input, l as Item, L as LinearProgress, m as Link, n as List, o as ListItem, M as Menu, p as MenuItem, N as NavigationRail, q as NavigationRailItem, r as NumberField, P as Pagination, R as Radio, s as Ripple, S as SegmentedButton, t as SegmentedButtonGroup, u as Select, v as SelectOptionElement, w as SidebarMenu, x as SidebarMenuItem, y as SidebarSubMenu, z as Skeleton, G as Slider, H as Snackbar, J as Spinner, K as SubMenu, O as Svg, Q as Switch, T as Tab, U as TabGroup, V as TabPanel, W as Table, X as Tabs, Y as Tag, Z as Textarea, _ as TimePicker, $ as Tooltip, a0 as UrlField } from './navigation-rail-CM_svs5_.js';
+export { Icon } from './icon.js';
+export { Avatar } from './avatar.js';
+export { Badge } from './badge.js';
+export { Divider } from './divider.js';
 export { Clock } from './clock.js';
+export { Elevation } from './elevation.js';
 export { Button } from './button.js';
 export { default as ButtonGroup } from './button-group.js';
-export { I as IconButton } from './icon-button-CYqrnMnF.js';
+export { IconButton } from './icon-button.js';
 export { Fab } from './fab.js';
+export { SegmentedButton } from './segmented-button.js';
+export { SegmentedButtonGroup } from './segmented-button-group.js';
 export { SplitButton } from './split-button.js';
 export { DropdownButton } from './dropdown-button.js';
+export { FocusRing } from './focus-ring.js';
+export { Ripple } from './ripple.js';
+import './accordion-item.js';
+export { Accordion } from './accordion.js';
+export { Link } from './link.js';
+export { C as ChipSet, a as CircularProgress, D as DatePicker, I as Input, L as LinearProgress, N as NumberField, S as Select, b as SidebarMenu, c as SidebarMenuItem, d as SidebarSubMenu, e as Switch, T as Tag, f as Textarea, g as TimePicker, U as UrlField } from './select-Dwtk0RIU.js';
+export { Chip } from './chip.js';
+export { Skeleton } from './skeleton.js';
+export { Field } from './field.js';
+export { Checkbox } from './checkbox.js';
+export { Spinner } from './spinner.js';
+export { Container } from './container.js';
 export { NumberCounter } from './number-counter.js';
-export { P as Popover } from './popover-DUPmMVWS.js';
+export { EmptyState } from './empty-state.js';
+export { Tooltip } from './tooltip.js';
+export { Popover } from './popover.js';
 export { PopoverContent } from './popover-content.js';
+export { Breadcrumb } from './breadcrumb.js';
+export { BreadcrumbItem } from './breadcrumb-item.js';
+export { Menu } from './menu.js';
+export { MenuItem } from './menu-item.js';
+export { SubMenu } from './sub-menu.js';
+export { L as List, a as ListItem } from './list-D6JLh1uh.js';
+export { Item } from './item.js';
 export { CodeHighlighter } from './code-highlighter.js';
 export { default as CodeEditor } from './code-editor.js';
 export { HtmlEditor } from './html-editor.js';
+export { Image } from './image.js';
+export { Svg } from './svg.js';
+export { Tab } from './tab.js';
+export { TabGroup } from './tab-group.js';
+export { TabPanel } from './tab-panel.js';
+export { Tabs } from './tabs.js';
+export { Slider } from './slider.js';
 export { ChartDoughnut } from './chart-doughnut.js';
 export { ChartPie } from './chart-pie.js';
 export { ChartBar } from './chart-bar.js';
 export { ChartStackedBar } from './chart-stacked-bar.js';
+export { Table } from './table.js';
+export { Pagination } from './pagination.js';
 export { Card } from './card.js';
 import './card-content.js';
-export { Banner } from './banner.js';
+export { Alert } from './alert.js';
 export { Notification } from './notification.js';
 export { NotificationManager } from './notification-manager.js';
+export { Snackbar } from './snackbar.js';
+export { Radio } from './radio.js';
 export { Modal } from './modal.js';
 export { BottomSheet } from './bottom-sheet.js';
 export { SideSheet } from './side-sheet.js';
+export { SelectOptionElement } from './option.js';
 export { Search } from './search.js';
 export { Toolbar } from './toolbar.js';
+export { AppBar } from './app-bar.js';
+export { NavigationRail } from './navigation-rail.js';
+export { NavigationRailItem } from './navigation-rail-item.js';
 export { Calendar } from './calendar.js';
 export { CalendarColumnView } from './calendar-column-view.js';
 export { CalendarMonthView } from './calendar-month-view.js';
 export { Canvas } from './canvas.js';
 export { FlowDesigner } from './flow-designer.js';
-export { F as FlowDesignerNode } from './flow-designer-node-BWrPuxAR.js';
+export { F as FlowDesignerNode } from './flow-designer-node-DsVwQTac.js';
 export { ConditionBuilder } from './condition-builder.js';
 export { CbPredicate } from './cb-predicate.js';
 export { CbCompoundExpression } from './cb-compound-expression.js';
 export { CbExpression } from './cb-expression.js';
 export { CbDivider } from './cb-divider.js';
-import './IndividualComponent-DUINtMGK.js';
-import './property-1psGvXOq.js';
-import './state-DwbEjqVk.js';
+import './IndividualComponent-Bdwyrvd6.js';
+import './property-B49QQ8pS.js';
+import './state-DkTK9EGF.js';
+import './datasource-B2eRh6Or.js';
 import './directive-ZPhl09Yt.js';
-import './unsafe-html-BsGUjx94.js';
-import './class-map-YU7g0o3B.js';
-import './observe-slot-change-D8Xg-kSS.js';
-import './query-QBcUV-L_.js';
-import './NativeHyperlinkMixin-DrYXyfMQ.js';
-import './ButtonConstants-D06bY4uy.js';
+import './unsafe-html-Ct0N2_UU.js';
+import './class-map-DG7CA1et.js';
+import './observe-slot-change-DPxaZrZF.js';
+import './query-CHb9Ft_d.js';
+import './base-Cl6v8-BZ.js';
+import './if-defined-BXZpRQ4P.js';
+import './when-DEJm_QN9.js';
+import './is-link-Dk2OV3PM.js';
 import './dispatch-event-utils-CuEqjlPT.js';
-import './style-map-DVmWOuYy.js';
-import './BaseInput-14YmcfK7.js';
+import './ButtonConstants-CahP2_NA.js';
+import './element-internals-2CMts_0M.js';
+import './form-associated-BXADnjOB.js';
+import './hyperlink-DLvb6MXE.js';
+import './throttle-C7ZAPqtu.js';
+import './attachable-controller-CAKVrfcG.js';
+import './query-assigned-elements-BJaGSqM0.js';
+import './NativeHyperlinkMixin-D9J4aBTy.js';
+import './style-map-BQD5Et1D.js';
+import './spread-B5cgadZl.js';
+import './BaseInput-CU1zZYKc.js';
+import './floating-controller-CnUZnOhK.js';
 import './is-dark-mode-DOcaw4Yq.js';
-import './button-colors-DSuBHd-i.js';
 import './transform-DSwFSqzD.js';
 import './pie-Dz0IDiPt.js';
 import './array-D5vjT2Xm.js';
-import './chart-bar-cn6rrna-.js';
+import './chart-bar-CYoGNXnK.js';
 import './calendar-event-BrQ_SEKD.js';
-import './event-manager-D-QCmUgR.js';
+import './event-manager-DTyX2uYD.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/is-dark-mode-DOcaw4Yq.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-dark-mode-DOcaw4Yq.js","sources":["../../src/__utils/observe-theme-change.ts","../../src/__utils/is-dark-mode.ts"],"sourcesContent":["type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();","export function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n}"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;SC7Be,UAAU,GAAA;IACxB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AAC1D;;;;"}
+{"version":3,"file":"is-dark-mode-DOcaw4Yq.js","sources":["../../src/__internal/utils/observe-theme-change.ts","../../src/__internal/utils/is-dark-mode.ts"],"sourcesContent":["type ThemeChangeCallback = () => void;\n\nexport const observeThemeChange = (() => {\n  const callbacks = new Set<ThemeChangeCallback>();\n\n  const observer = new MutationObserver((records) => {\n    const changed = records.some(\n      (r) => r.type === \"attributes\" && r.attributeName === \"data-theme\"\n    );\n    if (!changed) return;\n\n    for (const callback of callbacks) {\n      try {\n        callback();\n      } catch (err) {\n        console.error(\"[observeThemeChange] callback threw:\", err);\n      }\n    }\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"data-theme\"],\n  });\n\n  return (callback: ThemeChangeCallback): (() => void) => {\n    callbacks.add(callback);\n    return () => callbacks.delete(callback);\n  };\n})();","export function isDarkMode() {\n  return document.documentElement.dataset.theme === 'dark';\n}"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG,CAAC,MAAK;AACtC,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAuB;IAEhD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,KAAI;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CACnE;AACD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,YAAA,IAAI;AACF,gBAAA,QAAQ,EAAE;YACZ;YAAE,OAAO,GAAG,EAAE;AACZ,gBAAA,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,GAAG,CAAC;YAC5D;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;AACzC,QAAA,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,CAAC,YAAY,CAAC;AAChC,KAAA,CAAC;IAEF,OAAO,CAAC,QAA6B,KAAkB;AACrD,QAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;QACvB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzC,IAAA,CAAC;AACH,CAAC;;SC7Be,UAAU,GAAA;IACxB,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM;AAC1D;;;;"}

package/dist/is-link-Dk2OV3PM.js

@@ -0,0 +1,6 @@
+function isLink(element) {
+    return element.href !== undefined;
+}
+
+export { isLink as i };
+//# sourceMappingURL=is-link-Dk2OV3PM.js.map

package/dist/is-link-Dk2OV3PM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-link-Dk2OV3PM.js","sources":["../../src/__internal/utils/is-link.ts"],"sourcesContent":["export function isLink(element: any): boolean {\n  return element.href !== undefined;\n}\n"],"names":[],"mappings":"AAAM,SAAU,MAAM,CAAC,OAAY,EAAA;AACjC,IAAA,OAAO,OAAO,CAAC,IAAI,KAAK,SAAS;AACnC;;;;"}