@phcdevworks/spectre-components 1.19.0 → 1.21.0

package/dist/nav-item.js

@@ -1,6 +1,6 @@
 import { LitElement, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { getDropdownClasses, getDropdownMenuClasses, getNavLinkClasses } from '@phcdevworks/spectre-ui';
+import { getDropdownItemClasses, getDropdownHeaderClasses, getDropdownDividerClasses, getDropdownClasses, getDropdownMenuClasses, getNavLinkClasses } from '@phcdevworks/spectre-ui';
 
 // src/components/nav-item/sp-nav-item.ts
 var SpectreBaseElement = class extends LitElement {
@@ -278,6 +278,38 @@ function hasMeaningfulContent(nodes) {
     return false;
   });
 }
+
+// src/utils/parts.ts
+function applyPartClasses(elements, parts) {
+  for (const element of elements) {
+    const part = element.getAttribute("slot");
+    const classes = part ? parts[part] : void 0;
+    if (classes) {
+      element.classList.add(...classes.split(/\s+/).filter(Boolean));
+    }
+  }
+}
+function childElements(nodes) {
+  return nodes.filter(
+    (node) => node.nodeType === Node.ELEMENT_NODE
+  );
+}
+var spectreAccentEdges = ["top", "right", "bottom", "left"];
+function isAccentEdge(value) {
+  return spectreAccentEdges.includes(value);
+}
+var spectreAccentColors = [
+  "neutral",
+  "brand",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "cta"
+];
+function isAccentColor(value) {
+  return spectreAccentColors.includes(value);
+}
 var spectreDropdownPlacements = [
   "bottom-start",
   "bottom-end",
@@ -289,15 +321,35 @@ function isDropdownPlacement(value) {
     value
   );
 }
+
+// src/utils/states.ts
+var hoverFocusStateProperties = {
+  focused: { type: Boolean, reflect: true },
+  hovered: { type: Boolean, reflect: true }
+};
+function hoverFocusStates(element) {
+  return {
+    focused: element.focused ?? false,
+    hovered: element.hovered ?? false
+  };
+}
 var SpectreNavItemElement = class extends SpectreBaseElement {
   constructor() {
     super(...arguments);
+    this.focused = false;
+    this.hovered = false;
+    this.accent = void 0;
+    this.accentColor = void 0;
+    this.active = false;
+    this.disabled = false;
     this.dropdown = false;
+    this.fullWidth = false;
     this.href = void 0;
     this.label = void 0;
     this.mega = false;
     this.open = false;
     this.placement = "bottom-start";
+    this.viewport = false;
     this.triggerContent = [];
     this.menuContent = [];
     this.handleDocumentClick = (event) => {
@@ -395,6 +447,24 @@ var SpectreNavItemElement = class extends SpectreBaseElement {
     this.contentObserver = void 0;
   }
   willUpdate(changedProperties) {
+    if (changedProperties.has("accent") && this.accent != null && !isAccentEdge(this.accent)) {
+      this.accent = void 0;
+    }
+    if (changedProperties.has("accentColor") && this.accentColor != null && !isAccentColor(this.accentColor)) {
+      this.accentColor = void 0;
+    }
+    if (changedProperties.has("active") && this.active == null) {
+      this.active = false;
+    }
+    if (changedProperties.has("disabled") && this.disabled == null) {
+      this.disabled = false;
+    }
+    if (changedProperties.has("fullWidth") && this.fullWidth == null) {
+      this.fullWidth = false;
+    }
+    if (changedProperties.has("viewport") && this.viewport == null) {
+      this.viewport = false;
+    }
     if (changedProperties.has("dropdown") && this.dropdown == null) {
       this.dropdown = false;
     }
@@ -408,6 +478,14 @@ var SpectreNavItemElement = class extends SpectreBaseElement {
       this.placement = "bottom-start";
     }
   }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    applyPartClasses(childElements(this.menuContent), {
+      divider: getDropdownDividerClasses(),
+      header: getDropdownHeaderClasses(),
+      item: getDropdownItemClasses()
+    });
+  }
   get triggerElement() {
     return this.querySelector("[data-sp-nav-item-trigger]");
   }
@@ -433,23 +511,40 @@ var SpectreNavItemElement = class extends SpectreBaseElement {
     this.dispatchEvent(new CustomEvent("sp-close", { bubbles: true }));
   }
   get wrapperClasses() {
-    return getDropdownClasses({ mega: this.mega ?? false });
+    return getDropdownClasses({
+      fullWidth: this.fullWidth ?? false,
+      mega: this.mega ?? false,
+      viewport: this.viewport ?? false
+    });
   }
   get menuClasses() {
     return getDropdownMenuClasses({
+      ...this.accent !== void 0 && {
+        accent: this.accent
+      },
+      ...this.accentColor !== void 0 && {
+        accentColor: this.accentColor
+      },
       mega: this.mega ?? false,
+      viewport: this.viewport ?? false,
       open: this.open ?? false,
       placement: this.placement
     });
   }
   get navLinkClasses() {
-    return getNavLinkClasses();
+    return getNavLinkClasses({
+      ...hoverFocusStates(this),
+      active: this.active ?? false,
+      disabled: this.disabled ?? false
+    });
   }
   renderLink() {
     return html`<a
+      aria-current="${ifDefined(this.active ? "page" : void 0)}"
+      aria-disabled="${ifDefined(this.disabled ? "true" : void 0)}"
       aria-label="${ifDefined(this.forwardedAriaLabel)}"
       class="${this.navLinkClasses}"
-      href="${ifDefined(this.href)}"
+      href="${ifDefined(this.disabled ? void 0 : this.href)}"
       id="${ifDefined(this.id || void 0)}"
       title="${ifDefined(this.title || void 0)}"
       >${this.hasMenuContent ? this.menuContent : this.label}</a
@@ -467,6 +562,7 @@ var SpectreNavItemElement = class extends SpectreBaseElement {
         aria-label="${ifDefined(this.forwardedAriaLabel ?? this.label)}"
         class="${this.navLinkClasses}"
         data-sp-nav-item-trigger
+        ?disabled="${this.disabled ?? false}"
         type="button"
         @click="${() => this.toggle()}"
       >
@@ -482,12 +578,19 @@ var SpectreNavItemElement = class extends SpectreBaseElement {
   }
 };
 SpectreNavItemElement.properties = {
+  ...hoverFocusStateProperties,
+  accent: { type: String, reflect: true },
+  accentColor: { attribute: "accent-color", type: String, reflect: true },
+  active: { type: Boolean, reflect: true },
+  disabled: { type: Boolean, reflect: true },
   dropdown: { type: Boolean, reflect: true },
+  fullWidth: { attribute: "full-width", type: Boolean, reflect: true },
   href: { type: String },
   label: { type: String },
   mega: { type: Boolean, reflect: true },
   open: { type: Boolean, reflect: true },
-  placement: { type: String, reflect: true }
+  placement: { type: String, reflect: true },
+  viewport: { type: Boolean, reflect: true }
 };
 function defineSpectreNavItem(tagName = "sp-nav-item") {
   const existingElement = customElements.get(tagName);

package/dist/nav-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/form.ts","../src/components/nav-item/sp-nav-item.ts"],"names":[],"mappings":"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","file":"nav-item.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit'\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {}\n\n  private _ariaLabel: string | null = null\n  private _ariaLabelledBy: string | null = null\n  private _ariaDescribedBy: string | null = null\n  private _autocapitalize = ''\n  private _autofocus = false\n  private _spellcheck: boolean | null = null\n  private _title = ''\n  private _id = ''\n\n  get ariaLabel(): string | null {\n    return this._ariaLabel\n  }\n\n  set ariaLabel(value: string | null) {\n    if (this._ariaLabel === value) {\n      return\n    }\n    this._ariaLabel = value\n    this._removeHostAttribute('aria-label')\n    this.requestUpdate()\n  }\n\n  get ariaLabelledBy(): string | null {\n    return this._ariaLabelledBy\n  }\n\n  set ariaLabelledBy(value: string | null) {\n    if (this._ariaLabelledBy === value) {\n      return\n    }\n    this._ariaLabelledBy = value\n    this._removeHostAttribute('aria-labelledby')\n    this.requestUpdate()\n  }\n\n  get ariaDescribedBy(): string | null {\n    return this._ariaDescribedBy\n  }\n\n  set ariaDescribedBy(value: string | null) {\n    if (this._ariaDescribedBy === value) {\n      return\n    }\n    this._ariaDescribedBy = value\n    this._removeHostAttribute('aria-describedby')\n    this.requestUpdate()\n  }\n\n  override get autocapitalize(): string {\n    return this._autocapitalize\n  }\n\n  override set autocapitalize(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._autocapitalize === normalizedValue) {\n      return\n    }\n    this._autocapitalize = normalizedValue\n    this._removeHostAttribute('autocapitalize')\n    this.requestUpdate()\n  }\n\n  override get spellcheck(): boolean {\n    return this._spellcheck ?? super.spellcheck\n  }\n\n  override set spellcheck(value: boolean | undefined | null) {\n    if (this._spellcheck === value) {\n      return\n    }\n    this._spellcheck = value ?? null\n    this._removeHostAttribute('spellcheck')\n    this.requestUpdate()\n  }\n\n  override get title(): string {\n    return this._title\n  }\n\n  override set title(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._title === normalizedValue) {\n      return\n    }\n    this._title = normalizedValue\n    this._removeHostAttribute('title')\n    this.requestUpdate()\n  }\n\n  override get id(): string {\n    return this._id\n  }\n\n  override set id(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._id === normalizedValue) {\n      return\n    }\n    this._id = normalizedValue\n    this._removeHostAttribute('id')\n    this.requestUpdate()\n  }\n\n  override get autofocus(): boolean {\n    return this._autofocus\n  }\n\n  override set autofocus(value: boolean | undefined | null) {\n    const normalizedValue = !!value\n    if (this._autofocus === normalizedValue) {\n      return\n    }\n    this._autofocus = normalizedValue\n    this._removeHostAttribute('autofocus')\n    this.requestUpdate()\n  }\n\n  // Spectre components intentionally render in light DOM so the global\n  // `@phcdevworks/spectre-ui` styling contract can apply directly.\n  createRenderRoot(): this {\n    return this\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n\n    const proxiedAttributes = [\n      'id',\n      'title',\n      'autocapitalize',\n      'autofocus',\n      'spellcheck',\n      'aria-label',\n      'aria-labelledby',\n      'aria-describedby'\n    ]\n\n    proxiedAttributes.forEach((attr) => {\n      const value = super.getAttribute(attr)\n      if (value !== null) {\n        this.setAttribute(attr, value)\n      }\n    })\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id || null\n      case 'title':\n        return this.title || null\n      case 'autocapitalize':\n        return this.autocapitalize || null\n      case 'autofocus':\n        return this.autofocus ? '' : null\n      case 'spellcheck':\n        return this._spellcheck !== null ? String(this._spellcheck) : null\n      case 'aria-label':\n        return this.ariaLabel\n      case 'aria-labelledby':\n        return this.ariaLabelledBy\n      case 'aria-describedby':\n        return this.ariaDescribedBy\n      default:\n        return super.getAttribute(qualifiedName)\n    }\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id !== ''\n      case 'title':\n        return this.title !== ''\n      case 'autocapitalize':\n        return this.autocapitalize !== ''\n      case 'autofocus':\n        return this.autofocus\n      case 'spellcheck':\n        return this._spellcheck !== null\n      case 'aria-label':\n        return this.ariaLabel !== null\n      case 'aria-labelledby':\n        return this.ariaLabelledBy !== null\n      case 'aria-describedby':\n        return this.ariaDescribedBy !== null\n      default:\n        return super.hasAttribute(qualifiedName)\n    }\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = value\n        break\n      case 'title':\n        this.title = value\n        break\n      case 'autocapitalize':\n        this.autocapitalize = value\n        break\n      case 'autofocus':\n        this.autofocus = true\n        break\n      case 'spellcheck':\n        this.spellcheck = value !== 'false'\n        break\n      case 'aria-label':\n        this.ariaLabel = value\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = value\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = value\n        break\n      default:\n        super.setAttribute(qualifiedName, value)\n    }\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = ''\n        break\n      case 'title':\n        this.title = ''\n        break\n      case 'autocapitalize':\n        this.autocapitalize = ''\n        break\n      case 'autofocus':\n        this.autofocus = false\n        break\n      case 'spellcheck':\n        this.spellcheck = null\n        break\n      case 'aria-label':\n        this.ariaLabel = null\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = null\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = null\n        break\n      default:\n        super.removeAttribute(qualifiedName)\n    }\n  }\n\n  private _removeHostAttribute(name: string): void {\n    const host = this as unknown as HTMLElement\n    if (HTMLElement.prototype.hasAttribute.call(host, name)) {\n      // Use the native removeAttribute to avoid our own overridden version\n      // which would reset the internal state.\n      HTMLElement.prototype.removeAttribute.call(host, name)\n    }\n  }\n\n  protected get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim()\n    return value ? value : undefined\n  }\n\n  // Subclasses that expose `disabled`/`loading` properties get this disabled\n  // calculation for free instead of redeclaring it per component.\n  protected get isDisabled(): boolean {\n    const self = this as unknown as { disabled?: boolean; loading?: boolean }\n    return (self.disabled ?? false) || (self.loading ?? false)\n  }\n\n  // Subclasses get this for free instead of redeclaring it per component.\n  protected get hasForwardedLabel(): boolean {\n    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy)\n  }\n}\n","export function hasMeaningfulContent(nodes: readonly Node[]): boolean {\n  return nodes.some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent?.trim().length ?? 0) > 0;\n    }\n\n    return false;\n  });\n}\n","import {\n  type ButtonSize,\n  type ButtonVariant,\n  type InputSize\n} from '@phcdevworks/spectre-ui'\n\nexport const spectreInputSizes = ['sm', 'md', 'lg'] as const\nexport type SpectreInputSize = (typeof spectreInputSizes)[number]\n\nexport function isInputSize(value: unknown): value is InputSize | ButtonSize {\n  return (spectreInputSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonVariants = [\n  'primary',\n  'secondary',\n  'ghost',\n  'danger',\n  'success',\n  'cta',\n  'accent',\n  'inverse'\n] as const\n\nexport type SpectreButtonVariant = (typeof spectreButtonVariants)[number]\n\nexport function isButtonVariant(value: unknown): value is ButtonVariant {\n  return (spectreButtonVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonTypes = ['button', 'submit', 'reset'] as const\n\nexport type SpectreButtonType = (typeof spectreButtonTypes)[number]\n\nexport function isButtonType(value: unknown): value is SpectreButtonType {\n  return (spectreButtonTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreInputTypes = [\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'datetime-local',\n  'month',\n  'time',\n  'week'\n] as const\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number]\n\nexport function isInputType(value: unknown): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreBadgeVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'info',\n  'ghost',\n  'outline',\n  'accent',\n  'cta',\n  'inverse'\n] as const\n\nexport type SpectreBadgeVariant = (typeof spectreBadgeVariants)[number]\n\nexport function isBadgeVariant(value: unknown): value is SpectreBadgeVariant {\n  return (spectreBadgeVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAlertVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'neutral'\n] as const\n\nexport type SpectreAlertVariant = (typeof spectreAlertVariants)[number]\n\nexport function isAlertVariant(value: unknown): value is SpectreAlertVariant {\n  return (spectreAlertVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreCardVariant = (typeof spectreCardVariants)[number]\n\nexport function isCardVariant(value: unknown): value is SpectreCardVariant {\n  return (spectreCardVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardPaddingSizes = ['sm', 'md', 'lg'] as const\n\nexport type SpectreCardPaddingSize = (typeof spectreCardPaddingSizes)[number]\n\nexport function isCardPaddingSize(\n  value: unknown\n): value is SpectreCardPaddingSize {\n  return (spectreCardPaddingSizes as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreIconBoxVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'ghost',\n  'accent',\n  'cta',\n  'outline'\n] as const\n\nexport type SpectreIconBoxVariant = (typeof spectreIconBoxVariants)[number]\n\nexport function isIconBoxVariant(\n  value: unknown\n): value is SpectreIconBoxVariant {\n  return (spectreIconBoxVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTestimonialVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTestimonialVariant =\n  (typeof spectreTestimonialVariants)[number]\n\nexport function isTestimonialVariant(\n  value: unknown\n): value is SpectreTestimonialVariant {\n  return (spectreTestimonialVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreSpinnerVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta'\n] as const\n\nexport type SpectreSpinnerVariant = (typeof spectreSpinnerVariants)[number]\n\nexport function isSpinnerVariant(\n  value: unknown\n): value is SpectreSpinnerVariant {\n  return (spectreSpinnerVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTagVariants = [\n  'default',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTagVariant = (typeof spectreTagVariants)[number]\n\nexport function isTagVariant(value: unknown): value is SpectreTagVariant {\n  return (spectreTagVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n\nexport type SpectreAvatarSize = (typeof spectreAvatarSizes)[number]\n\nexport function isAvatarSize(value: unknown): value is SpectreAvatarSize {\n  return (spectreAvatarSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarShapes = ['circle', 'square'] as const\n\nexport type SpectreAvatarShape = (typeof spectreAvatarShapes)[number]\n\nexport function isAvatarShape(value: unknown): value is SpectreAvatarShape {\n  return (spectreAvatarShapes as readonly string[]).includes(value as string)\n}\n\nexport const spectreContainerMaxWidths = ['prose'] as const\n\nexport type SpectreContainerMaxWidth =\n  (typeof spectreContainerMaxWidths)[number]\n\nexport function isContainerMaxWidth(\n  value: unknown\n): value is SpectreContainerMaxWidth {\n  return (spectreContainerMaxWidths as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreGridColumns = [1, 2, 3, 4, 6, 12] as const\n\nexport type SpectreGridColumns = (typeof spectreGridColumns)[number]\n\nexport function isGridColumns(value: unknown): value is SpectreGridColumns {\n  return (spectreGridColumns as readonly number[]).includes(value as number)\n}\n\nexport const spectreGridGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreGridGap = (typeof spectreGridGaps)[number]\n\nexport function isGridGap(value: unknown): value is SpectreGridGap {\n  return (spectreGridGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreGridAligns = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'stretch'\n] as const\n\nexport type SpectreGridAlign = (typeof spectreGridAligns)[number]\n\nexport function isGridAlign(value: unknown): value is SpectreGridAlign {\n  return (spectreGridAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreGridSpans = [\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  'full'\n] as const\n\nexport type SpectreGridSpan = (typeof spectreGridSpans)[number]\n\nexport function isGridSpan(value: unknown): value is SpectreGridSpan {\n  return (spectreGridSpans as readonly (number | string)[]).includes(\n    value as number | string\n  )\n}\n\nexport interface SpectreGridSpanOptions {\n  base?: SpectreGridSpan\n  md?: SpectreGridSpan\n  lg?: SpectreGridSpan\n}\n\nexport function isGridSpanOptions(\n  value: unknown\n): value is SpectreGridSpanOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridSpan(candidate.base)) &&\n    (candidate.md === undefined || isGridSpan(candidate.md)) &&\n    (candidate.lg === undefined || isGridSpan(candidate.lg))\n  )\n}\n\nexport const spectreGridOffsets = [\n  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11\n] as const\n\nexport type SpectreGridOffset = (typeof spectreGridOffsets)[number]\n\nexport function isGridOffset(value: unknown): value is SpectreGridOffset {\n  return (spectreGridOffsets as readonly number[]).includes(value as number)\n}\n\nexport interface SpectreGridOffsetOptions {\n  base?: SpectreGridOffset\n  md?: SpectreGridOffset\n  lg?: SpectreGridOffset\n}\n\nexport function isGridOffsetOptions(\n  value: unknown\n): value is SpectreGridOffsetOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridOffset(candidate.base)) &&\n    (candidate.md === undefined || isGridOffset(candidate.md)) &&\n    (candidate.lg === undefined || isGridOffset(candidate.lg))\n  )\n}\n\nexport const spectreGridOrders = [\n  'first',\n  'last',\n  'none',\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12\n] as const\n\nexport type SpectreGridOrder = (typeof spectreGridOrders)[number]\n\nexport function isGridOrder(value: unknown): value is SpectreGridOrder {\n  return (spectreGridOrders as readonly (number | string)[]).includes(\n    value as number | string\n  )\n}\n\nexport interface SpectreGridOrderOptions {\n  base?: SpectreGridOrder\n  md?: SpectreGridOrder\n  lg?: SpectreGridOrder\n}\n\nexport function isGridOrderOptions(\n  value: unknown\n): value is SpectreGridOrderOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridOrder(candidate.base)) &&\n    (candidate.md === undefined || isGridOrder(candidate.md)) &&\n    (candidate.lg === undefined || isGridOrder(candidate.lg))\n  )\n}\n\nexport const spectreGridLeadingWeights = [1.5, 1.6, 2, 2.5, 3] as const\n\nexport type SpectreGridLeadingWeight =\n  (typeof spectreGridLeadingWeights)[number]\n\nexport function isGridLeadingWeight(\n  value: unknown\n): value is SpectreGridLeadingWeight {\n  return (spectreGridLeadingWeights as readonly number[]).includes(\n    value as number\n  )\n}\n\nexport interface SpectreGridLeadingWeightOptions {\n  base?: SpectreGridLeadingWeight\n  md?: SpectreGridLeadingWeight\n  lg?: SpectreGridLeadingWeight\n}\n\nexport function isGridLeadingWeightOptions(\n  value: unknown\n): value is SpectreGridLeadingWeightOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridLeadingWeight(candidate.base)) &&\n    (candidate.md === undefined || isGridLeadingWeight(candidate.md)) &&\n    (candidate.lg === undefined || isGridLeadingWeight(candidate.lg))\n  )\n}\n\nexport interface SpectreGridLeadingTracksOptions {\n  weight: SpectreGridLeadingWeight | SpectreGridLeadingWeightOptions\n}\n\nexport function isGridLeadingTracksOptions(\n  value: unknown\n): value is SpectreGridLeadingTracksOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    isGridLeadingWeight(candidate.weight) ||\n    isGridLeadingWeightOptions(candidate.weight)\n  )\n}\n\nexport const spectreGridFixedTrackCounts = [1, 2, 3, 4] as const\n\nexport type SpectreGridFixedTrackCount =\n  (typeof spectreGridFixedTrackCounts)[number]\n\nexport function isGridFixedTrackCount(\n  value: unknown\n): value is SpectreGridFixedTrackCount {\n  return (spectreGridFixedTrackCounts as readonly number[]).includes(\n    value as number\n  )\n}\n\nexport interface SpectreGridFixedTracksOptions {\n  count: SpectreGridFixedTrackCount\n}\n\nexport function isGridFixedTracksOptions(\n  value: unknown\n): value is SpectreGridFixedTracksOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return isGridFixedTrackCount(candidate.count)\n}\n\nexport const spectreGridTemplates = [\n  'edge-fluid-edge',\n  'label-fluid-fluid'\n] as const\n\nexport type SpectreGridTemplate = (typeof spectreGridTemplates)[number]\n\nexport function isGridTemplate(value: unknown): value is SpectreGridTemplate {\n  return (spectreGridTemplates as readonly string[]).includes(value as string)\n}\n\nexport interface SpectreGridExplicitTemplateOptions {\n  template: SpectreGridTemplate\n  weight?: SpectreGridLeadingWeight\n}\n\nexport function isGridExplicitTemplateOptions(\n  value: unknown\n): value is SpectreGridExplicitTemplateOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    isGridTemplate(candidate.template) &&\n    (candidate.weight === undefined || isGridLeadingWeight(candidate.weight))\n  )\n}\n\nexport const spectreStackDirections = ['vertical', 'horizontal'] as const\n\nexport type SpectreStackDirection = (typeof spectreStackDirections)[number]\n\nexport function isStackDirection(\n  value: unknown\n): value is SpectreStackDirection {\n  return (spectreStackDirections as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackBases = ['sidebar'] as const\n\nexport type SpectreStackBasis = (typeof spectreStackBases)[number]\n\nexport function isStackBasis(value: unknown): value is SpectreStackBasis {\n  return (spectreStackBases as readonly string[]).includes(value as string)\n}\n\nexport const spectreNavAligns = ['start', 'center', 'end'] as const\n\nexport type SpectreNavAlign = (typeof spectreNavAligns)[number]\n\nexport function isNavAlign(value: unknown): value is SpectreNavAlign {\n  return (spectreNavAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackAligns = ['center', 'stretch'] as const\n\nexport type SpectreStackAlign = (typeof spectreStackAligns)[number]\n\nexport function isStackAlign(value: unknown): value is SpectreStackAlign {\n  return (spectreStackAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreStackGap = (typeof spectreStackGaps)[number]\n\nexport function isStackGap(value: unknown): value is SpectreStackGap {\n  return (spectreStackGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreDropdownPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end'\n] as const\n\nexport type SpectreDropdownPlacement =\n  (typeof spectreDropdownPlacements)[number]\n\nexport function isDropdownPlacement(\n  value: unknown\n): value is SpectreDropdownPlacement {\n  return (spectreDropdownPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreToastVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger'\n] as const\n\nexport type SpectreToastVariant = (typeof spectreToastVariants)[number]\n\nexport function isToastVariant(value: unknown): value is SpectreToastVariant {\n  return (spectreToastVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreSidebarLinkLevels = ['parent', 'child'] as const\n\nexport type SpectreSidebarLinkLevel = (typeof spectreSidebarLinkLevels)[number]\n\nexport function isSidebarLinkLevel(\n  value: unknown\n): value is SpectreSidebarLinkLevel {\n  return (spectreSidebarLinkLevels as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTooltipPlacements = [\n  'top',\n  'bottom',\n  'left',\n  'right'\n] as const\n\nexport type SpectreTooltipPlacement = (typeof spectreTooltipPlacements)[number]\n\nexport function isTooltipPlacement(\n  value: unknown\n): value is SpectreTooltipPlacement {\n  return (spectreTooltipPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTextSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl'\n] as const\n\nexport type SpectreTextSize = (typeof spectreTextSizes)[number]\n\nexport function isTextSize(value: unknown): value is SpectreTextSize {\n  return (spectreTextSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextVariants = [\n  'default',\n  'muted',\n  'subtle',\n  'meta',\n  'brand',\n  'onInverse',\n  'onInverseMuted'\n] as const\n\nexport type SpectreTextVariant = (typeof spectreTextVariants)[number]\n\nexport function isTextVariant(value: unknown): value is SpectreTextVariant {\n  return (spectreTextVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextFamilies = ['sans', 'serif', 'mono'] as const\n\nexport type SpectreTextFamily = (typeof spectreTextFamilies)[number]\n\nexport function isTextFamily(value: unknown): value is SpectreTextFamily {\n  return (spectreTextFamilies as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextLevels = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'span'\n] as const\n\nexport type SpectreTextLevel = (typeof spectreTextLevels)[number]\n\nexport function isTextLevel(value: unknown): value is SpectreTextLevel {\n  return (spectreTextLevels as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextTransforms = [\n  'none',\n  'uppercase',\n  'lowercase',\n  'capitalize'\n] as const\n\nexport type SpectreTextTransform = (typeof spectreTextTransforms)[number]\n\nexport function isTextTransform(value: unknown): value is SpectreTextTransform {\n  return (spectreTextTransforms as readonly string[]).includes(value as string)\n}\n\nexport function normalizeInt(\n  value: unknown,\n  fallback: number | undefined,\n  min = 0\n): number | undefined {\n  if (\n    value == null ||\n    typeof value !== 'number' ||\n    !Number.isInteger(value) ||\n    value < min\n  ) {\n    return fallback\n  }\n  return value\n}\n\nconst spectreUtilityClassPattern =\n  /^sp-[a-z0-9]+(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?(?:--[a-z0-9]+(?:-[a-z0-9]+)*)?$/\n\nexport function sanitizeUtilityClasses(\n  value: string | null | undefined\n): string {\n  if (!value) {\n    return ''\n  }\n  return value\n    .split(/\\s+/)\n    .filter((token) => spectreUtilityClassPattern.test(token))\n    .join(' ')\n}\n","import { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { SpectreBaseElement } from '../../utils/base'\nimport { hasMeaningfulContent } from '../../utils/dom'\nimport {\n  isDropdownPlacement,\n  type SpectreDropdownPlacement\n} from '../../utils/form'\n\nimport {\n  getDropdownClasses,\n  getDropdownMenuClasses,\n  getNavLinkClasses\n} from '@phcdevworks/spectre-ui'\n\nexport interface SpectreNavItemProps {\n  ariaLabel?: string | null\n  dropdown?: boolean | undefined\n  href?: string | undefined\n  id?: string | null | undefined\n  label?: string | undefined\n  mega?: boolean | undefined\n  open?: boolean | undefined\n  placement?: SpectreDropdownPlacement | undefined\n  title?: string | null | undefined\n}\n\nexport class SpectreNavItemElement\n  extends SpectreBaseElement\n  implements SpectreNavItemProps\n{\n  static properties = {\n    dropdown: { type: Boolean, reflect: true },\n    href: { type: String },\n    label: { type: String },\n    mega: { type: Boolean, reflect: true },\n    open: { type: Boolean, reflect: true },\n    placement: { type: String, reflect: true }\n  }\n\n  dropdown: boolean | undefined = false\n  href: string | undefined = undefined\n  label: string | undefined = undefined\n  mega: boolean | undefined = false\n  open: boolean | undefined = false\n  placement: SpectreDropdownPlacement | undefined = 'bottom-start'\n\n  private triggerContent: Node[] = []\n  private menuContent: Node[] = []\n  private contentObserver?: MutationObserver | undefined\n\n  override get id(): string {\n    return super.id\n  }\n\n  override set id(value: string | null | undefined) {\n    super.id = value\n  }\n\n  override get title(): string {\n    return super.title\n  }\n\n  override set title(value: string | null | undefined) {\n    super.title = value\n  }\n\n  private isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false\n    }\n    const el = node as Element\n    return (\n      el.hasAttribute('data-sp-nav-item-menu') ||\n      el.hasAttribute('data-sp-nav-item-trigger')\n    )\n  }\n\n  private syncProjectedContent(): boolean {\n    const nextTriggerContent: Node[] = []\n    const nextMenuContent: Node[] = []\n\n    this.childNodes.forEach((node) => {\n      if (this.isInternalNode(node)) {\n        return\n      }\n      const isTriggerSlot =\n        node.nodeType === Node.ELEMENT_NODE &&\n        (node as Element).getAttribute('slot') === 'trigger'\n      if (isTriggerSlot) {\n        nextTriggerContent.push(node)\n      } else {\n        nextMenuContent.push(node)\n      }\n    })\n\n    const changed =\n      nextTriggerContent.length !== this.triggerContent.length ||\n      nextTriggerContent.some((n, i) => n !== this.triggerContent[i]) ||\n      nextMenuContent.length !== this.menuContent.length ||\n      nextMenuContent.some((n, i) => n !== this.menuContent[i])\n\n    if (changed) {\n      this.triggerContent = nextTriggerContent\n      this.menuContent = nextMenuContent\n    }\n\n    return changed\n  }\n\n  private get hasTriggerContent(): boolean {\n    return hasMeaningfulContent(this.triggerContent)\n  }\n\n  private get hasMenuContent(): boolean {\n    return hasMeaningfulContent(this.menuContent)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.syncProjectedContent()\n    this.startContentObserver()\n    document.addEventListener('click', this.handleDocumentClick)\n    document.addEventListener('keydown', this.handleDocumentKeydown)\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver()\n    document.removeEventListener('click', this.handleDocumentClick)\n    document.removeEventListener('keydown', this.handleDocumentKeydown)\n    super.disconnectedCallback()\n  }\n\n  protected override update(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    this.stopContentObserver()\n    super.update(changedProperties)\n    this.startContentObserver()\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return\n    }\n    this.contentObserver = new MutationObserver(() => {\n      if (this.syncProjectedContent()) {\n        this.requestUpdate()\n      }\n    })\n    this.contentObserver.observe(this, { childList: true })\n  }\n\n  private stopContentObserver(): void {\n    this.contentObserver?.disconnect()\n    this.contentObserver = undefined\n  }\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    if (changedProperties.has('dropdown') && this.dropdown == null) {\n      this.dropdown = false\n    }\n    if (changedProperties.has('mega') && this.mega == null) {\n      this.mega = false\n    }\n    if (changedProperties.has('open') && this.open == null) {\n      this.open = false\n    }\n    if (\n      changedProperties.has('placement') &&\n      (this.placement == null || !isDropdownPlacement(this.placement))\n    ) {\n      this.placement = 'bottom-start'\n    }\n  }\n\n  private handleDocumentClick = (event: MouseEvent): void => {\n    if (!this.open) {\n      return\n    }\n    if (!event.composedPath().includes(this)) {\n      this.close()\n    }\n  }\n\n  private handleDocumentKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.open) {\n      this.close()\n      this.triggerElement?.focus()\n    }\n  }\n\n  private get triggerElement(): HTMLButtonElement | null {\n    return this.querySelector('[data-sp-nav-item-trigger]')\n  }\n\n  private toggle(): void {\n    if (this.open) {\n      this.close()\n    } else {\n      this.openMenu()\n    }\n  }\n\n  private openMenu(): void {\n    if (this.open) {\n      return\n    }\n    this.open = true\n    this.dispatchEvent(new CustomEvent('sp-open', { bubbles: true }))\n  }\n\n  private close(): void {\n    if (!this.open) {\n      return\n    }\n    this.open = false\n    this.dispatchEvent(new CustomEvent('sp-close', { bubbles: true }))\n  }\n\n  private get wrapperClasses(): string {\n    return getDropdownClasses({ mega: this.mega ?? false })\n  }\n\n  private get menuClasses(): string {\n    return getDropdownMenuClasses({\n      mega: this.mega ?? false,\n      open: this.open ?? false,\n      placement: this.placement as SpectreDropdownPlacement\n    })\n  }\n\n  private get navLinkClasses(): string {\n    return getNavLinkClasses()\n  }\n\n  private renderLink() {\n    return html`<a\n      aria-label=\"${ifDefined(this.forwardedAriaLabel)}\"\n      class=\"${this.navLinkClasses}\"\n      href=\"${ifDefined(this.href)}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n      >${this.hasMenuContent ? this.menuContent : this.label}</a\n    >`\n  }\n\n  private renderDropdown() {\n    return html`<div\n      class=\"${this.wrapperClasses}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n    >\n      <button\n        aria-expanded=\"${this.open ? 'true' : 'false'}\"\n        aria-haspopup=\"true\"\n        aria-label=\"${ifDefined(this.forwardedAriaLabel ?? this.label)}\"\n        class=\"${this.navLinkClasses}\"\n        data-sp-nav-item-trigger\n        type=\"button\"\n        @click=\"${() => this.toggle()}\"\n      >\n        ${this.hasTriggerContent ? this.triggerContent : this.label}\n      </button>\n      <div class=\"${this.menuClasses}\" data-sp-nav-item-menu>\n        ${this.hasMenuContent ? this.menuContent : nothing}\n      </div>\n    </div>`\n  }\n\n  override render() {\n    return this.dropdown ? this.renderDropdown() : this.renderLink()\n  }\n}\n\nexport function defineSpectreNavItem(\n  tagName = 'sp-nav-item'\n): typeof SpectreNavItemElement {\n  const existingElement = customElements.get(tagName)\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreNavItemElement\n  }\n\n  customElements.define(tagName, SpectreNavItemElement)\n  return SpectreNavItemElement\n}\n"]}
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/parts.ts","../src/utils/form.ts","../src/utils/states.ts","../src/components/nav-item/sp-nav-item.ts"],"names":[],"mappings":"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","file":"nav-item.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit'\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {}\n\n  private _ariaLabel: string | null = null\n  private _ariaLabelledBy: string | null = null\n  private _ariaDescribedBy: string | null = null\n  private _autocapitalize = ''\n  private _autofocus = false\n  private _spellcheck: boolean | null = null\n  private _title = ''\n  private _id = ''\n\n  get ariaLabel(): string | null {\n    return this._ariaLabel\n  }\n\n  set ariaLabel(value: string | null) {\n    if (this._ariaLabel === value) {\n      return\n    }\n    this._ariaLabel = value\n    this._removeHostAttribute('aria-label')\n    this.requestUpdate()\n  }\n\n  get ariaLabelledBy(): string | null {\n    return this._ariaLabelledBy\n  }\n\n  set ariaLabelledBy(value: string | null) {\n    if (this._ariaLabelledBy === value) {\n      return\n    }\n    this._ariaLabelledBy = value\n    this._removeHostAttribute('aria-labelledby')\n    this.requestUpdate()\n  }\n\n  get ariaDescribedBy(): string | null {\n    return this._ariaDescribedBy\n  }\n\n  set ariaDescribedBy(value: string | null) {\n    if (this._ariaDescribedBy === value) {\n      return\n    }\n    this._ariaDescribedBy = value\n    this._removeHostAttribute('aria-describedby')\n    this.requestUpdate()\n  }\n\n  override get autocapitalize(): string {\n    return this._autocapitalize\n  }\n\n  override set autocapitalize(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._autocapitalize === normalizedValue) {\n      return\n    }\n    this._autocapitalize = normalizedValue\n    this._removeHostAttribute('autocapitalize')\n    this.requestUpdate()\n  }\n\n  override get spellcheck(): boolean {\n    return this._spellcheck ?? super.spellcheck\n  }\n\n  override set spellcheck(value: boolean | undefined | null) {\n    if (this._spellcheck === value) {\n      return\n    }\n    this._spellcheck = value ?? null\n    this._removeHostAttribute('spellcheck')\n    this.requestUpdate()\n  }\n\n  override get title(): string {\n    return this._title\n  }\n\n  override set title(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._title === normalizedValue) {\n      return\n    }\n    this._title = normalizedValue\n    this._removeHostAttribute('title')\n    this.requestUpdate()\n  }\n\n  override get id(): string {\n    return this._id\n  }\n\n  override set id(value: string | undefined | null) {\n    const normalizedValue = value ?? ''\n    if (this._id === normalizedValue) {\n      return\n    }\n    this._id = normalizedValue\n    this._removeHostAttribute('id')\n    this.requestUpdate()\n  }\n\n  override get autofocus(): boolean {\n    return this._autofocus\n  }\n\n  override set autofocus(value: boolean | undefined | null) {\n    const normalizedValue = !!value\n    if (this._autofocus === normalizedValue) {\n      return\n    }\n    this._autofocus = normalizedValue\n    this._removeHostAttribute('autofocus')\n    this.requestUpdate()\n  }\n\n  // Spectre components intentionally render in light DOM so the global\n  // `@phcdevworks/spectre-ui` styling contract can apply directly.\n  createRenderRoot(): this {\n    return this\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n\n    const proxiedAttributes = [\n      'id',\n      'title',\n      'autocapitalize',\n      'autofocus',\n      'spellcheck',\n      'aria-label',\n      'aria-labelledby',\n      'aria-describedby'\n    ]\n\n    proxiedAttributes.forEach((attr) => {\n      const value = super.getAttribute(attr)\n      if (value !== null) {\n        this.setAttribute(attr, value)\n      }\n    })\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id || null\n      case 'title':\n        return this.title || null\n      case 'autocapitalize':\n        return this.autocapitalize || null\n      case 'autofocus':\n        return this.autofocus ? '' : null\n      case 'spellcheck':\n        return this._spellcheck !== null ? String(this._spellcheck) : null\n      case 'aria-label':\n        return this.ariaLabel\n      case 'aria-labelledby':\n        return this.ariaLabelledBy\n      case 'aria-describedby':\n        return this.ariaDescribedBy\n      default:\n        return super.getAttribute(qualifiedName)\n    }\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id !== ''\n      case 'title':\n        return this.title !== ''\n      case 'autocapitalize':\n        return this.autocapitalize !== ''\n      case 'autofocus':\n        return this.autofocus\n      case 'spellcheck':\n        return this._spellcheck !== null\n      case 'aria-label':\n        return this.ariaLabel !== null\n      case 'aria-labelledby':\n        return this.ariaLabelledBy !== null\n      case 'aria-describedby':\n        return this.ariaDescribedBy !== null\n      default:\n        return super.hasAttribute(qualifiedName)\n    }\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = value\n        break\n      case 'title':\n        this.title = value\n        break\n      case 'autocapitalize':\n        this.autocapitalize = value\n        break\n      case 'autofocus':\n        this.autofocus = true\n        break\n      case 'spellcheck':\n        this.spellcheck = value !== 'false'\n        break\n      case 'aria-label':\n        this.ariaLabel = value\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = value\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = value\n        break\n      default:\n        super.setAttribute(qualifiedName, value)\n    }\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = ''\n        break\n      case 'title':\n        this.title = ''\n        break\n      case 'autocapitalize':\n        this.autocapitalize = ''\n        break\n      case 'autofocus':\n        this.autofocus = false\n        break\n      case 'spellcheck':\n        this.spellcheck = null\n        break\n      case 'aria-label':\n        this.ariaLabel = null\n        break\n      case 'aria-labelledby':\n        this.ariaLabelledBy = null\n        break\n      case 'aria-describedby':\n        this.ariaDescribedBy = null\n        break\n      default:\n        super.removeAttribute(qualifiedName)\n    }\n  }\n\n  private _removeHostAttribute(name: string): void {\n    const host = this as unknown as HTMLElement\n    if (HTMLElement.prototype.hasAttribute.call(host, name)) {\n      // Use the native removeAttribute to avoid our own overridden version\n      // which would reset the internal state.\n      HTMLElement.prototype.removeAttribute.call(host, name)\n    }\n  }\n\n  protected get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim()\n    return value ? value : undefined\n  }\n\n  protected get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim()\n    return value ? value : undefined\n  }\n\n  // Subclasses that expose `disabled`/`loading` properties get this disabled\n  // calculation for free instead of redeclaring it per component.\n  protected get isDisabled(): boolean {\n    const self = this as unknown as { disabled?: boolean; loading?: boolean }\n    return (self.disabled ?? false) || (self.loading ?? false)\n  }\n\n  // Subclasses get this for free instead of redeclaring it per component.\n  protected get hasForwardedLabel(): boolean {\n    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy)\n  }\n}\n","export function hasMeaningfulContent(nodes: readonly Node[]): boolean {\n  return nodes.some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent?.trim().length ?? 0) > 0\n    }\n\n    return false\n  })\n}\n\nlet idCounter = 0\n\nexport function createUniqueId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${idCounter}`\n}\n\n// Swaps the recipe classes this component previously applied to `element`\n// without touching classes the author set.\nexport function replaceClasses(\n  element: Element,\n  previous: string,\n  next: string\n): void {\n  const nextTokens = next.split(/\\s+/).filter(Boolean)\n  previous\n    .split(/\\s+/)\n    .filter((token) => token && !nextTokens.includes(token))\n    .forEach((token) => element.classList.remove(token))\n  element.classList.add(...nextTokens)\n}\n\n// Parent/child component pairs identify each other through a global symbol\n// rather than `instanceof`, because every subpath entry bundles its own copy\n// of the child class.\nexport const spectreKindKey: unique symbol = Symbol.for(\n  'phcdevworks.spectre-components.kind'\n)\n\nexport function isSpectreKind<T extends Element>(\n  node: Node,\n  kind: string\n): node is T {\n  return (node as { [spectreKindKey]?: string })[spectreKindKey] === kind\n}\n","// Adds a recipe's part classes to authored elements that opt in with\n// `slot=\"<part>\"`. The elements stay where they were authored, so free-form\n// layouts (footer columns, menu groups) keep their order.\nexport function applyPartClasses(\n  elements: Iterable<Element>,\n  parts: Readonly<Record<string, string>>\n): void {\n  for (const element of elements) {\n    const part = element.getAttribute('slot')\n    const classes = part ? parts[part] : undefined\n    if (classes) {\n      element.classList.add(...classes.split(/\\s+/).filter(Boolean))\n    }\n  }\n}\n\nexport function childElements(nodes: readonly Node[]): Element[] {\n  return nodes.filter(\n    (node): node is Element => node.nodeType === Node.ELEMENT_NODE\n  )\n}\n","import {\n  type ButtonSize,\n  type ButtonVariant,\n  type InputSize\n} from '@phcdevworks/spectre-ui'\n\nexport const spectreInputSizes = ['sm', 'md', 'lg'] as const\nexport type SpectreInputSize = (typeof spectreInputSizes)[number]\n\nexport function isInputSize(value: unknown): value is InputSize | ButtonSize {\n  return (spectreInputSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonVariants = [\n  'primary',\n  'secondary',\n  'ghost',\n  'danger',\n  'success',\n  'cta',\n  'accent',\n  'inverse',\n  'warning',\n  'link',\n  'light',\n  'dark'\n] as const\n\nexport type SpectreButtonVariant = (typeof spectreButtonVariants)[number]\n\nexport function isButtonVariant(value: unknown): value is ButtonVariant {\n  return (spectreButtonVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreButtonTypes = ['button', 'submit', 'reset'] as const\n\nexport type SpectreButtonType = (typeof spectreButtonTypes)[number]\n\nexport function isButtonType(value: unknown): value is SpectreButtonType {\n  return (spectreButtonTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreInputTypes = [\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'datetime-local',\n  'month',\n  'time',\n  'week'\n] as const\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number]\n\nexport function isInputType(value: unknown): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value as string)\n}\n\nexport const spectreBadgeVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'info',\n  'ghost',\n  'outline',\n  'accent',\n  'cta',\n  'inverse',\n  'brand'\n] as const\n\nexport type SpectreBadgeVariant = (typeof spectreBadgeVariants)[number]\n\nexport function isBadgeVariant(value: unknown): value is SpectreBadgeVariant {\n  return (spectreBadgeVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAlertVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'brand'\n] as const\n\nexport type SpectreAlertVariant = (typeof spectreAlertVariants)[number]\n\nexport function isAlertVariant(value: unknown): value is SpectreAlertVariant {\n  return (spectreAlertVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreCardVariant = (typeof spectreCardVariants)[number]\n\nexport function isCardVariant(value: unknown): value is SpectreCardVariant {\n  return (spectreCardVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardPaddingSizes = ['sm', 'md', 'lg'] as const\n\nexport type SpectreCardPaddingSize = (typeof spectreCardPaddingSizes)[number]\n\nexport function isCardPaddingSize(\n  value: unknown\n): value is SpectreCardPaddingSize {\n  return (spectreCardPaddingSizes as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreAccentEdges = ['top', 'right', 'bottom', 'left'] as const\n\nexport type SpectreAccentEdge = (typeof spectreAccentEdges)[number]\n\nexport function isAccentEdge(value: unknown): value is SpectreAccentEdge {\n  return (spectreAccentEdges as readonly string[]).includes(value as string)\n}\n\nexport const spectreAccentColors = [\n  'neutral',\n  'brand',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'cta'\n] as const\n\nexport type SpectreAccentColor = (typeof spectreAccentColors)[number]\n\nexport function isAccentColor(value: unknown): value is SpectreAccentColor {\n  return (spectreAccentColors as readonly string[]).includes(value as string)\n}\n\nexport const spectreIconBoxVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'ghost',\n  'accent',\n  'cta',\n  'outline'\n] as const\n\nexport type SpectreIconBoxVariant = (typeof spectreIconBoxVariants)[number]\n\nexport function isIconBoxVariant(\n  value: unknown\n): value is SpectreIconBoxVariant {\n  return (spectreIconBoxVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTestimonialVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTestimonialVariant =\n  (typeof spectreTestimonialVariants)[number]\n\nexport function isTestimonialVariant(\n  value: unknown\n): value is SpectreTestimonialVariant {\n  return (spectreTestimonialVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreSpinnerVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta',\n  'inverse'\n] as const\n\nexport type SpectreSpinnerVariant = (typeof spectreSpinnerVariants)[number]\n\nexport function isSpinnerVariant(\n  value: unknown\n): value is SpectreSpinnerVariant {\n  return (spectreSpinnerVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTagVariants = [\n  'default',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTagVariant = (typeof spectreTagVariants)[number]\n\nexport function isTagVariant(value: unknown): value is SpectreTagVariant {\n  return (spectreTagVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n\nexport type SpectreAvatarSize = (typeof spectreAvatarSizes)[number]\n\nexport function isAvatarSize(value: unknown): value is SpectreAvatarSize {\n  return (spectreAvatarSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarShapes = ['circle', 'square'] as const\n\nexport type SpectreAvatarShape = (typeof spectreAvatarShapes)[number]\n\nexport function isAvatarShape(value: unknown): value is SpectreAvatarShape {\n  return (spectreAvatarShapes as readonly string[]).includes(value as string)\n}\n\nexport const spectreContainerMaxWidths = ['none', 'prose', 'wide'] as const\n\nexport type SpectreContainerMaxWidth =\n  (typeof spectreContainerMaxWidths)[number]\n\nexport function isContainerMaxWidth(\n  value: unknown\n): value is SpectreContainerMaxWidth {\n  return (spectreContainerMaxWidths as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreGridColumns = [1, 2, 3, 4, 6, 12] as const\n\nexport type SpectreGridColumns = (typeof spectreGridColumns)[number]\n\nexport function isGridColumns(value: unknown): value is SpectreGridColumns {\n  return (spectreGridColumns as readonly number[]).includes(value as number)\n}\n\nexport const spectreGridGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreGridGap = (typeof spectreGridGaps)[number]\n\nexport function isGridGap(value: unknown): value is SpectreGridGap {\n  return (spectreGridGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreGridAligns = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'stretch'\n] as const\n\nexport type SpectreGridAlign = (typeof spectreGridAligns)[number]\n\nexport function isGridAlign(value: unknown): value is SpectreGridAlign {\n  return (spectreGridAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreGridSpans = [\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  'full'\n] as const\n\nexport type SpectreGridSpan = (typeof spectreGridSpans)[number]\n\nexport function isGridSpan(value: unknown): value is SpectreGridSpan {\n  return (spectreGridSpans as readonly (number | string)[]).includes(\n    value as number | string\n  )\n}\n\nexport interface SpectreGridSpanOptions {\n  base?: SpectreGridSpan\n  md?: SpectreGridSpan\n  lg?: SpectreGridSpan\n}\n\nexport function isGridSpanOptions(\n  value: unknown\n): value is SpectreGridSpanOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridSpan(candidate.base)) &&\n    (candidate.md === undefined || isGridSpan(candidate.md)) &&\n    (candidate.lg === undefined || isGridSpan(candidate.lg))\n  )\n}\n\nexport const spectreGridOffsets = [\n  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11\n] as const\n\nexport type SpectreGridOffset = (typeof spectreGridOffsets)[number]\n\nexport function isGridOffset(value: unknown): value is SpectreGridOffset {\n  return (spectreGridOffsets as readonly number[]).includes(value as number)\n}\n\nexport interface SpectreGridOffsetOptions {\n  base?: SpectreGridOffset\n  md?: SpectreGridOffset\n  lg?: SpectreGridOffset\n}\n\nexport function isGridOffsetOptions(\n  value: unknown\n): value is SpectreGridOffsetOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridOffset(candidate.base)) &&\n    (candidate.md === undefined || isGridOffset(candidate.md)) &&\n    (candidate.lg === undefined || isGridOffset(candidate.lg))\n  )\n}\n\nexport const spectreGridOrders = [\n  'first',\n  'last',\n  'none',\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12\n] as const\n\nexport type SpectreGridOrder = (typeof spectreGridOrders)[number]\n\nexport function isGridOrder(value: unknown): value is SpectreGridOrder {\n  return (spectreGridOrders as readonly (number | string)[]).includes(\n    value as number | string\n  )\n}\n\nexport interface SpectreGridOrderOptions {\n  base?: SpectreGridOrder\n  md?: SpectreGridOrder\n  lg?: SpectreGridOrder\n}\n\nexport function isGridOrderOptions(\n  value: unknown\n): value is SpectreGridOrderOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridOrder(candidate.base)) &&\n    (candidate.md === undefined || isGridOrder(candidate.md)) &&\n    (candidate.lg === undefined || isGridOrder(candidate.lg))\n  )\n}\n\nexport const spectreGridLeadingWeights = [1.5, 1.6, 2, 2.5, 3] as const\n\nexport type SpectreGridLeadingWeight =\n  (typeof spectreGridLeadingWeights)[number]\n\nexport function isGridLeadingWeight(\n  value: unknown\n): value is SpectreGridLeadingWeight {\n  return (spectreGridLeadingWeights as readonly number[]).includes(\n    value as number\n  )\n}\n\nexport interface SpectreGridLeadingWeightOptions {\n  base?: SpectreGridLeadingWeight\n  md?: SpectreGridLeadingWeight\n  lg?: SpectreGridLeadingWeight\n}\n\nexport function isGridLeadingWeightOptions(\n  value: unknown\n): value is SpectreGridLeadingWeightOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridLeadingWeight(candidate.base)) &&\n    (candidate.md === undefined || isGridLeadingWeight(candidate.md)) &&\n    (candidate.lg === undefined || isGridLeadingWeight(candidate.lg))\n  )\n}\n\nexport interface SpectreGridLeadingTracksOptions {\n  weight: SpectreGridLeadingWeight | SpectreGridLeadingWeightOptions\n}\n\nexport function isGridLeadingTracksOptions(\n  value: unknown\n): value is SpectreGridLeadingTracksOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    isGridLeadingWeight(candidate.weight) ||\n    isGridLeadingWeightOptions(candidate.weight)\n  )\n}\n\nexport const spectreGridFixedTrackCounts = [1, 2, 3, 4] as const\n\nexport type SpectreGridFixedTrackCount =\n  (typeof spectreGridFixedTrackCounts)[number]\n\nexport function isGridFixedTrackCount(\n  value: unknown\n): value is SpectreGridFixedTrackCount {\n  return (spectreGridFixedTrackCounts as readonly number[]).includes(\n    value as number\n  )\n}\n\nexport interface SpectreGridFixedTracksOptions {\n  count: SpectreGridFixedTrackCount\n}\n\nexport function isGridFixedTracksOptions(\n  value: unknown\n): value is SpectreGridFixedTracksOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return isGridFixedTrackCount(candidate.count)\n}\n\nexport const spectreGridTemplates = [\n  'edge-fluid-edge',\n  'label-fluid-fluid'\n] as const\n\nexport type SpectreGridTemplate = (typeof spectreGridTemplates)[number]\n\nexport function isGridTemplate(value: unknown): value is SpectreGridTemplate {\n  return (spectreGridTemplates as readonly string[]).includes(value as string)\n}\n\nexport interface SpectreGridExplicitTemplateOptions {\n  template: SpectreGridTemplate\n  weight?: SpectreGridLeadingWeight\n}\n\nexport function isGridExplicitTemplateOptions(\n  value: unknown\n): value is SpectreGridExplicitTemplateOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    isGridTemplate(candidate.template) &&\n    (candidate.weight === undefined || isGridLeadingWeight(candidate.weight))\n  )\n}\n\nexport const spectreStackDirections = ['vertical', 'horizontal'] as const\n\nexport type SpectreStackDirection = (typeof spectreStackDirections)[number]\n\nexport function isStackDirection(\n  value: unknown\n): value is SpectreStackDirection {\n  return (spectreStackDirections as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackBases = ['none', 'sidebar'] as const\n\nexport type SpectreStackBasis = (typeof spectreStackBases)[number]\n\nexport function isStackBasis(value: unknown): value is SpectreStackBasis {\n  return (spectreStackBases as readonly string[]).includes(value as string)\n}\n\nexport const spectreNavAligns = ['start', 'center', 'end'] as const\n\nexport type SpectreNavAlign = (typeof spectreNavAligns)[number]\n\nexport function isNavAlign(value: unknown): value is SpectreNavAlign {\n  return (spectreNavAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackAligns = ['center', 'stretch'] as const\n\nexport type SpectreStackAlign = (typeof spectreStackAligns)[number]\n\nexport function isStackAlign(value: unknown): value is SpectreStackAlign {\n  return (spectreStackAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreStackGap = (typeof spectreStackGaps)[number]\n\nexport function isStackGap(value: unknown): value is SpectreStackGap {\n  return (spectreStackGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreDropdownPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end'\n] as const\n\nexport type SpectreDropdownPlacement =\n  (typeof spectreDropdownPlacements)[number]\n\nexport function isDropdownPlacement(\n  value: unknown\n): value is SpectreDropdownPlacement {\n  return (spectreDropdownPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreToastVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'neutral'\n] as const\n\nexport type SpectreToastVariant = (typeof spectreToastVariants)[number]\n\nexport function isToastVariant(value: unknown): value is SpectreToastVariant {\n  return (spectreToastVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreSidebarLinkLevels = ['parent', 'child'] as const\n\nexport type SpectreSidebarLinkLevel = (typeof spectreSidebarLinkLevels)[number]\n\nexport function isSidebarLinkLevel(\n  value: unknown\n): value is SpectreSidebarLinkLevel {\n  return (spectreSidebarLinkLevels as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTooltipPlacements = [\n  'top',\n  'bottom',\n  'left',\n  'right'\n] as const\n\nexport type SpectreTooltipPlacement = (typeof spectreTooltipPlacements)[number]\n\nexport function isTooltipPlacement(\n  value: unknown\n): value is SpectreTooltipPlacement {\n  return (spectreTooltipPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTextSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl'\n] as const\n\nexport type SpectreTextSize = (typeof spectreTextSizes)[number]\n\nexport function isTextSize(value: unknown): value is SpectreTextSize {\n  return (spectreTextSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextVariants = [\n  'default',\n  'muted',\n  'subtle',\n  'meta',\n  'brand',\n  'onInverse',\n  'onInverseMuted',\n  'onSurface',\n  'onSurfaceMuted',\n  'onSurfaceSubtle',\n  'onSurfaceMeta',\n  'onSurfaceBrand'\n] as const\n\nexport type SpectreTextVariant = (typeof spectreTextVariants)[number]\n\nexport function isTextVariant(value: unknown): value is SpectreTextVariant {\n  return (spectreTextVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextFamilies = ['sans', 'serif', 'mono'] as const\n\nexport type SpectreTextFamily = (typeof spectreTextFamilies)[number]\n\nexport function isTextFamily(value: unknown): value is SpectreTextFamily {\n  return (spectreTextFamilies as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextLevels = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'span'\n] as const\n\nexport type SpectreTextLevel = (typeof spectreTextLevels)[number]\n\nexport function isTextLevel(value: unknown): value is SpectreTextLevel {\n  return (spectreTextLevels as readonly string[]).includes(value as string)\n}\n\nexport const spectreTextTransforms = [\n  'none',\n  'uppercase',\n  'lowercase',\n  'capitalize'\n] as const\n\nexport type SpectreTextTransform = (typeof spectreTextTransforms)[number]\n\nexport function isTextTransform(value: unknown): value is SpectreTextTransform {\n  return (spectreTextTransforms as readonly string[]).includes(value as string)\n}\n\nexport const spectreTabsVariants = ['line', 'pill'] as const\n\nexport type SpectreTabsVariant = (typeof spectreTabsVariants)[number]\n\nexport function isTabsVariant(value: unknown): value is SpectreTabsVariant {\n  return (spectreTabsVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreOffcanvasPlacements = [\n  'start',\n  'end',\n  'top',\n  'bottom'\n] as const\n\nexport type SpectreOffcanvasPlacement =\n  (typeof spectreOffcanvasPlacements)[number]\n\nexport function isOffcanvasPlacement(\n  value: unknown\n): value is SpectreOffcanvasPlacement {\n  return (spectreOffcanvasPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTableSizes = ['sm', 'md'] as const\n\nexport type SpectreTableSize = (typeof spectreTableSizes)[number]\n\nexport function isTableSize(value: unknown): value is SpectreTableSize {\n  return (spectreTableSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreStepperOrientations = ['horizontal', 'vertical'] as const\n\nexport type SpectreStepperOrientation =\n  (typeof spectreStepperOrientations)[number]\n\nexport function isStepperOrientation(\n  value: unknown\n): value is SpectreStepperOrientation {\n  return (spectreStepperOrientations as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreSpacingScale = ['sm', 'md', 'lg'] as const\n\nexport type SpectreSpacingStep = (typeof spectreSpacingScale)[number]\n\nexport function isSpacingStep(value: unknown): value is SpectreSpacingStep {\n  return (spectreSpacingScale as readonly string[]).includes(value as string)\n}\n\nexport const spectreGridColStarts = [\n  1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12\n] as const\n\nexport type SpectreGridColStart = (typeof spectreGridColStarts)[number]\n\nexport function isGridColStart(value: unknown): value is SpectreGridColStart {\n  return (spectreGridColStarts as readonly number[]).includes(value as number)\n}\n\nexport interface SpectreGridColStartOptions {\n  base?: SpectreGridColStart\n  md?: SpectreGridColStart\n  lg?: SpectreGridColStart\n}\n\nexport function isGridColStartOptions(\n  value: unknown\n): value is SpectreGridColStartOptions {\n  if (typeof value !== 'object' || value === null) {\n    return false\n  }\n  const candidate = value as Record<string, unknown>\n  return (\n    (candidate.base === undefined || isGridColStart(candidate.base)) &&\n    (candidate.md === undefined || isGridColStart(candidate.md)) &&\n    (candidate.lg === undefined || isGridColStart(candidate.lg))\n  )\n}\n\nexport const spectrePopoverPlacements = [\n  'top',\n  'bottom',\n  'left',\n  'right'\n] as const\n\nexport type SpectrePopoverPlacement = (typeof spectrePopoverPlacements)[number]\n\nexport function isPopoverPlacement(\n  value: unknown\n): value is SpectrePopoverPlacement {\n  return (spectrePopoverPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreProgressVariants = [\n  'brand',\n  'neutral',\n  'info',\n  'success',\n  'warning',\n  'danger'\n] as const\n\nexport type SpectreProgressVariant = (typeof spectreProgressVariants)[number]\n\nexport function isProgressVariant(\n  value: unknown\n): value is SpectreProgressVariant {\n  return (spectreProgressVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreTextPresets = ['heading', 'display', 'lead'] as const\n\nexport type SpectreTextPreset = (typeof spectreTextPresets)[number]\n\nexport function isTextPreset(value: unknown): value is SpectreTextPreset {\n  return (spectreTextPresets as readonly string[]).includes(value as string)\n}\n\nexport const spectreHeadingLevels = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6'\n] as const\n\nexport type SpectreHeadingLevel = (typeof spectreHeadingLevels)[number]\n\nexport function isHeadingLevel(value: unknown): value is SpectreHeadingLevel {\n  return (spectreHeadingLevels as readonly string[]).includes(value as string)\n}\n\nexport const spectreDisplayLevels = [1, 2, 3, 4, 5, 6] as const\n\nexport type SpectreDisplayLevel = (typeof spectreDisplayLevels)[number]\n\nexport function isDisplayLevel(value: unknown): value is SpectreDisplayLevel {\n  return (spectreDisplayLevels as readonly number[]).includes(value as number)\n}\n\nexport const spectreTableRowVariants = [\n  'neutral',\n  'info',\n  'success',\n  'warning',\n  'danger'\n] as const\n\nexport type SpectreTableRowVariant = (typeof spectreTableRowVariants)[number]\n\nexport function isTableRowVariant(\n  value: unknown\n): value is SpectreTableRowVariant {\n  return (spectreTableRowVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport function normalizeInt(\n  value: unknown,\n  fallback: number | undefined,\n  min = 0\n): number | undefined {\n  if (\n    value == null ||\n    typeof value !== 'number' ||\n    !Number.isInteger(value) ||\n    value < min\n  ) {\n    return fallback\n  }\n  return value\n}\n\nconst spectreUtilityClassPattern =\n  /^sp-[a-z0-9]+(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?(?:--[a-z0-9]+(?:-[a-z0-9]+)*)?$/\n\nexport function sanitizeUtilityClasses(\n  value: string | null | undefined\n): string {\n  if (!value) {\n    return ''\n  }\n  return value\n    .split(/\\s+/)\n    .filter((token) => spectreUtilityClassPattern.test(token))\n    .join(' ')\n}\n","// Recipe-forced interaction states. Real interaction is styled by native\n// pseudo-classes; these force the look for documentation, previews, and\n// visual tests.\nexport const hoverFocusStateProperties = {\n  focused: { type: Boolean, reflect: true },\n  hovered: { type: Boolean, reflect: true }\n} as const\n\nexport const interactionStateProperties = {\n  ...hoverFocusStateProperties,\n  active: { type: Boolean, reflect: true }\n} as const\n\nexport interface SpectreHoverFocusStateProps {\n  focused?: boolean | undefined\n  hovered?: boolean | undefined\n}\n\nexport interface SpectreInteractionStateProps extends SpectreHoverFocusStateProps {\n  active?: boolean | undefined\n}\n\nexport function hoverFocusStates(element: SpectreHoverFocusStateProps): {\n  focused: boolean\n  hovered: boolean\n} {\n  return {\n    focused: element.focused ?? false,\n    hovered: element.hovered ?? false\n  }\n}\n\nexport function interactionStates(element: SpectreInteractionStateProps): {\n  active: boolean\n  focused: boolean\n  hovered: boolean\n} {\n  return { ...hoverFocusStates(element), active: element.active ?? false }\n}\n","import { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { SpectreBaseElement } from '../../utils/base'\nimport { hasMeaningfulContent } from '../../utils/dom'\nimport { applyPartClasses, childElements } from '../../utils/parts'\nimport {\n  isAccentColor,\n  isAccentEdge,\n  isDropdownPlacement,\n  type SpectreAccentColor,\n  type SpectreAccentEdge,\n  type SpectreDropdownPlacement\n} from '../../utils/form'\nimport {\n  hoverFocusStateProperties,\n  hoverFocusStates,\n  type SpectreHoverFocusStateProps\n} from '../../utils/states'\n\nimport {\n  getDropdownClasses,\n  getDropdownDividerClasses,\n  getDropdownHeaderClasses,\n  getDropdownItemClasses,\n  getDropdownMenuClasses,\n  getNavLinkClasses,\n  type DropdownAccentColor,\n  type DropdownAccentEdge\n} from '@phcdevworks/spectre-ui'\n\nexport interface SpectreNavItemProps extends SpectreHoverFocusStateProps {\n  accent?: SpectreAccentEdge | undefined\n  accentColor?: SpectreAccentColor | undefined\n  active?: boolean | undefined\n  ariaLabel?: string | null\n  disabled?: boolean | undefined\n  dropdown?: boolean | undefined\n  fullWidth?: boolean | undefined\n  href?: string | undefined\n  id?: string | null | undefined\n  label?: string | undefined\n  mega?: boolean | undefined\n  open?: boolean | undefined\n  placement?: SpectreDropdownPlacement | undefined\n  title?: string | null | undefined\n  viewport?: boolean | undefined\n}\n\nexport class SpectreNavItemElement\n  extends SpectreBaseElement\n  implements SpectreNavItemProps\n{\n  static properties = {\n    ...hoverFocusStateProperties,\n    accent: { type: String, reflect: true },\n    accentColor: { attribute: 'accent-color', type: String, reflect: true },\n    active: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    dropdown: { type: Boolean, reflect: true },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    href: { type: String },\n    label: { type: String },\n    mega: { type: Boolean, reflect: true },\n    open: { type: Boolean, reflect: true },\n    placement: { type: String, reflect: true },\n    viewport: { type: Boolean, reflect: true }\n  }\n\n  focused: boolean | undefined = false\n  hovered: boolean | undefined = false\n\n  accent: SpectreAccentEdge | undefined = undefined\n  accentColor: SpectreAccentColor | undefined = undefined\n  active: boolean | undefined = false\n  disabled: boolean | undefined = false\n  dropdown: boolean | undefined = false\n  fullWidth: boolean | undefined = false\n  href: string | undefined = undefined\n  label: string | undefined = undefined\n  mega: boolean | undefined = false\n  open: boolean | undefined = false\n  placement: SpectreDropdownPlacement | undefined = 'bottom-start'\n  viewport: boolean | undefined = false\n\n  private triggerContent: Node[] = []\n  private menuContent: Node[] = []\n  private contentObserver?: MutationObserver | undefined\n\n  override get id(): string {\n    return super.id\n  }\n\n  override set id(value: string | null | undefined) {\n    super.id = value\n  }\n\n  override get title(): string {\n    return super.title\n  }\n\n  override set title(value: string | null | undefined) {\n    super.title = value\n  }\n\n  private isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false\n    }\n    const el = node as Element\n    return (\n      el.hasAttribute('data-sp-nav-item-menu') ||\n      el.hasAttribute('data-sp-nav-item-trigger')\n    )\n  }\n\n  private syncProjectedContent(): boolean {\n    const nextTriggerContent: Node[] = []\n    const nextMenuContent: Node[] = []\n\n    this.childNodes.forEach((node) => {\n      if (this.isInternalNode(node)) {\n        return\n      }\n      const isTriggerSlot =\n        node.nodeType === Node.ELEMENT_NODE &&\n        (node as Element).getAttribute('slot') === 'trigger'\n      if (isTriggerSlot) {\n        nextTriggerContent.push(node)\n      } else {\n        nextMenuContent.push(node)\n      }\n    })\n\n    const changed =\n      nextTriggerContent.length !== this.triggerContent.length ||\n      nextTriggerContent.some((n, i) => n !== this.triggerContent[i]) ||\n      nextMenuContent.length !== this.menuContent.length ||\n      nextMenuContent.some((n, i) => n !== this.menuContent[i])\n\n    if (changed) {\n      this.triggerContent = nextTriggerContent\n      this.menuContent = nextMenuContent\n    }\n\n    return changed\n  }\n\n  private get hasTriggerContent(): boolean {\n    return hasMeaningfulContent(this.triggerContent)\n  }\n\n  private get hasMenuContent(): boolean {\n    return hasMeaningfulContent(this.menuContent)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.syncProjectedContent()\n    this.startContentObserver()\n    document.addEventListener('click', this.handleDocumentClick)\n    document.addEventListener('keydown', this.handleDocumentKeydown)\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver()\n    document.removeEventListener('click', this.handleDocumentClick)\n    document.removeEventListener('keydown', this.handleDocumentKeydown)\n    super.disconnectedCallback()\n  }\n\n  protected override update(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    this.stopContentObserver()\n    super.update(changedProperties)\n    this.startContentObserver()\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return\n    }\n    this.contentObserver = new MutationObserver(() => {\n      if (this.syncProjectedContent()) {\n        this.requestUpdate()\n      }\n    })\n    this.contentObserver.observe(this, { childList: true })\n  }\n\n  private stopContentObserver(): void {\n    this.contentObserver?.disconnect()\n    this.contentObserver = undefined\n  }\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    if (\n      changedProperties.has('accent') &&\n      this.accent != null &&\n      !isAccentEdge(this.accent)\n    ) {\n      this.accent = undefined\n    }\n    if (\n      changedProperties.has('accentColor') &&\n      this.accentColor != null &&\n      !isAccentColor(this.accentColor)\n    ) {\n      this.accentColor = undefined\n    }\n    if (changedProperties.has('active') && this.active == null) {\n      this.active = false\n    }\n    if (changedProperties.has('disabled') && this.disabled == null) {\n      this.disabled = false\n    }\n    if (changedProperties.has('fullWidth') && this.fullWidth == null) {\n      this.fullWidth = false\n    }\n    if (changedProperties.has('viewport') && this.viewport == null) {\n      this.viewport = false\n    }\n    if (changedProperties.has('dropdown') && this.dropdown == null) {\n      this.dropdown = false\n    }\n    if (changedProperties.has('mega') && this.mega == null) {\n      this.mega = false\n    }\n    if (changedProperties.has('open') && this.open == null) {\n      this.open = false\n    }\n    if (\n      changedProperties.has('placement') &&\n      (this.placement == null || !isDropdownPlacement(this.placement))\n    ) {\n      this.placement = 'bottom-start'\n    }\n  }\n\n  protected override updated(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    super.updated(changedProperties)\n    applyPartClasses(childElements(this.menuContent), {\n      divider: getDropdownDividerClasses(),\n      header: getDropdownHeaderClasses(),\n      item: getDropdownItemClasses()\n    })\n  }\n\n  private handleDocumentClick = (event: MouseEvent): void => {\n    if (!this.open) {\n      return\n    }\n    if (!event.composedPath().includes(this)) {\n      this.close()\n    }\n  }\n\n  private handleDocumentKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.open) {\n      this.close()\n      this.triggerElement?.focus()\n    }\n  }\n\n  private get triggerElement(): HTMLButtonElement | null {\n    return this.querySelector('[data-sp-nav-item-trigger]')\n  }\n\n  private toggle(): void {\n    if (this.open) {\n      this.close()\n    } else {\n      this.openMenu()\n    }\n  }\n\n  private openMenu(): void {\n    if (this.open) {\n      return\n    }\n    this.open = true\n    this.dispatchEvent(new CustomEvent('sp-open', { bubbles: true }))\n  }\n\n  private close(): void {\n    if (!this.open) {\n      return\n    }\n    this.open = false\n    this.dispatchEvent(new CustomEvent('sp-close', { bubbles: true }))\n  }\n\n  private get wrapperClasses(): string {\n    return getDropdownClasses({\n      fullWidth: this.fullWidth ?? false,\n      mega: this.mega ?? false,\n      viewport: this.viewport ?? false\n    })\n  }\n\n  private get menuClasses(): string {\n    return getDropdownMenuClasses({\n      ...(this.accent !== undefined && {\n        accent: this.accent as DropdownAccentEdge\n      }),\n      ...(this.accentColor !== undefined && {\n        accentColor: this.accentColor as DropdownAccentColor\n      }),\n      mega: this.mega ?? false,\n      viewport: this.viewport ?? false,\n      open: this.open ?? false,\n      placement: this.placement as SpectreDropdownPlacement\n    })\n  }\n\n  private get navLinkClasses(): string {\n    return getNavLinkClasses({\n      ...hoverFocusStates(this),\n      active: this.active ?? false,\n      disabled: this.disabled ?? false\n    })\n  }\n\n  private renderLink() {\n    return html`<a\n      aria-current=\"${ifDefined(this.active ? 'page' : undefined)}\"\n      aria-disabled=\"${ifDefined(this.disabled ? 'true' : undefined)}\"\n      aria-label=\"${ifDefined(this.forwardedAriaLabel)}\"\n      class=\"${this.navLinkClasses}\"\n      href=\"${ifDefined(this.disabled ? undefined : this.href)}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n      >${this.hasMenuContent ? this.menuContent : this.label}</a\n    >`\n  }\n\n  private renderDropdown() {\n    return html`<div\n      class=\"${this.wrapperClasses}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n    >\n      <button\n        aria-expanded=\"${this.open ? 'true' : 'false'}\"\n        aria-haspopup=\"true\"\n        aria-label=\"${ifDefined(this.forwardedAriaLabel ?? this.label)}\"\n        class=\"${this.navLinkClasses}\"\n        data-sp-nav-item-trigger\n        ?disabled=\"${this.disabled ?? false}\"\n        type=\"button\"\n        @click=\"${() => this.toggle()}\"\n      >\n        ${this.hasTriggerContent ? this.triggerContent : this.label}\n      </button>\n      <div class=\"${this.menuClasses}\" data-sp-nav-item-menu>\n        ${this.hasMenuContent ? this.menuContent : nothing}\n      </div>\n    </div>`\n  }\n\n  override render() {\n    return this.dropdown ? this.renderDropdown() : this.renderLink()\n  }\n}\n\nexport function defineSpectreNavItem(\n  tagName = 'sp-nav-item'\n): typeof SpectreNavItemElement {\n  const existingElement = customElements.get(tagName)\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreNavItemElement\n  }\n\n  customElements.define(tagName, SpectreNavItemElement)\n  return SpectreNavItemElement\n}\n"]}

package/dist/nav.cjs

@@ -5,6 +5,22 @@ var ifDefined_js = require('lit/directives/if-defined.js');
 var spectreUi = require('@phcdevworks/spectre-ui');
 
 // src/components/nav/sp-nav.ts
+
+// src/utils/parts.ts
+function applyPartClasses(elements, parts) {
+  for (const element of elements) {
+    const part = element.getAttribute("slot");
+    const classes = part ? parts[part] : void 0;
+    if (classes) {
+      element.classList.add(...classes.split(/\s+/).filter(Boolean));
+    }
+  }
+}
+function childElements(nodes) {
+  return nodes.filter(
+    (node) => node.nodeType === Node.ELEMENT_NODE
+  );
+}
 var SpectreBaseElement = class extends lit.LitElement {
   constructor() {
     super(...arguments);
@@ -315,7 +331,9 @@ var SpectreProjectableElement = class extends SpectreBaseElement {
         nextProjectedContent.push(node);
       }
     });
-    const hasChanged = nextProjectedContent.length !== this.projectedContent.length || nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);
+    const hasChanged = nextProjectedContent.length !== this.projectedContent.length || nextProjectedContent.some(
+      (node, index) => node !== this.projectedContent[index]
+    );
     if (hasChanged) {
       this.projectedContent = nextProjectedContent;
     }
@@ -345,6 +363,22 @@ var SpectreProjectableElement = class extends SpectreBaseElement {
     this.contentObserver = void 0;
   }
 };
+var spectreAccentEdges = ["top", "right", "bottom", "left"];
+function isAccentEdge(value) {
+  return spectreAccentEdges.includes(value);
+}
+var spectreAccentColors = [
+  "neutral",
+  "brand",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "cta"
+];
+function isAccentColor(value) {
+  return spectreAccentColors.includes(value);
+}
 var spectreNavAligns = ["start", "center", "end"];
 function isNavAlign(value) {
   return spectreNavAligns.includes(value);
@@ -359,6 +393,8 @@ function sanitizeUtilityClasses(value) {
 var SpectreNavElement = class extends SpectreProjectableElement {
   constructor() {
     super(...arguments);
+    this.accent = void 0;
+    this.accentColor = void 0;
     this.align = void 0;
     this.bordered = false;
     this.fullWidth = false;
@@ -393,6 +429,12 @@ var SpectreNavElement = class extends SpectreProjectableElement {
     return el.hasAttribute("data-sp-nav-native");
   }
   willUpdate(changedProperties) {
+    if (changedProperties.has("accent") && this.accent != null && !isAccentEdge(this.accent)) {
+      this.accent = void 0;
+    }
+    if (changedProperties.has("accentColor") && this.accentColor != null && !isAccentColor(this.accentColor)) {
+      this.accentColor = void 0;
+    }
     if (changedProperties.has("bordered") && this.bordered == null) {
       this.bordered = false;
     }
@@ -408,6 +450,12 @@ var SpectreNavElement = class extends SpectreProjectableElement {
   }
   get navClasses() {
     const recipeClasses = spectreUi.getNavClasses({
+      ...this.accent !== void 0 && {
+        accent: this.accent
+      },
+      ...this.accentColor !== void 0 && {
+        accentColor: this.accentColor
+      },
       bordered: this.bordered ?? false,
       fullWidth: this.fullWidth ?? false,
       sticky: this.sticky ?? false,
@@ -416,6 +464,12 @@ var SpectreNavElement = class extends SpectreProjectableElement {
     const utilityClasses = sanitizeUtilityClasses(this.innerClass);
     return utilityClasses ? `${recipeClasses} ${utilityClasses}` : recipeClasses;
   }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    applyPartClasses(childElements(this.projectedContent), {
+      links: spectreUi.getNavLinksClasses()
+    });
+  }
   render() {
     return lit.html`<nav
       aria-label="${ifDefined_js.ifDefined(this.forwardedAriaLabel)}"
@@ -429,6 +483,8 @@ var SpectreNavElement = class extends SpectreProjectableElement {
   }
 };
 SpectreNavElement.properties = {
+  accent: { type: String, reflect: true },
+  accentColor: { attribute: "accent-color", type: String, reflect: true },
   align: { type: String, reflect: true },
   bordered: { type: Boolean, reflect: true },
   fullWidth: { attribute: "full-width", type: Boolean, reflect: true },