@pine-ds/core 3.11.1 → 3.12.0

package/dist/collection/components/pds-popover/pds-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-popover.js","sourceRoot":"","sources":["../../../src/components/pds-popover/pds-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\nimport { PdsPopoverEventDetail } from './popover-interface';\n\n/**\n * @slot trigger - The trigger element for the popover\n * @slot (default) - The content to display inside the popover\n */\n@Component({\n  tag: 'pds-popover',\n  styleUrl: 'pds-popover.scss',\n  shadow: true,\n})\nexport class PdsPopover {\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsPopoverElement;\n\n  /**\n   * Determines when the popover is active\n   * @defaultValue false\n   */\n  @State() active = false;\n\n  /**\n   * Tracks if the component is still mounted to prevent memory leaks\n   */\n  private isComponentMounted = true;\n\n  /**\n   * Reference to the trigger element\n   */\n  private triggerEl: HTMLElement | null = null;\n\n  /**\n   * Portal element rendered in document.body\n   */\n  private portalEl: HTMLElement | null = null;\n\n  /**\n   * Guard to prevent repositioning loops\n   */\n  private isRepositioning = false;\n\n  /**\n   * Debounce timers for performance optimization\n   */\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n  private resizeDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * Track moved nodes and their placeholders for restoration\n   */\n  private movedNodes: Array<{ node: Node; placeholder: Comment }> = [];\n\n  /**\n   * Timestamp when popover was opened (for preventing immediate close)\n   */\n  private openTimestamp = 0;\n\n  /**\n   * Instance counter for unique IDs\n   */\n  private static instanceCounter = 0;\n\n  /**\n   * Bound handlers for cleanup\n   */\n  private boundClickOutsideHandler: (event: MouseEvent) => void;\n  private boundEscapeKeyHandler: (event: KeyboardEvent) => void;\n  private boundScrollHandler: () => void;\n  private boundResizeHandler: () => void;\n\n  /**\n   * Emitted when the popover is opened\n   */\n  @Event() pdsPopoverOpen: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Emitted when the popover is closed\n   */\n  @Event() pdsPopoverClose: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n   * @defaultValue \"show\"\n   */\n  @Prop() popoverTargetAction: 'show' | 'toggle' | 'hide' = 'show';\n\n  /**\n   * Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n   * Manual popovers require the consumer to handle the visibility of the popover.\n   */\n  @Prop() popoverType: 'auto' | 'manual' = 'auto';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the maximum width of the popover content\n   * @defaultValue 352\n   */\n  @Prop() maxWidth?: number = 352;\n\n  /**\n   * Determines the preferred position of the popover\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  componentDidLoad() {\n    // Bind event handlers for cleanup\n    this.boundClickOutsideHandler = this.handleClickOutside.bind(this);\n    this.boundEscapeKeyHandler = this.handleEscapeKey.bind(this);\n    this.boundScrollHandler = this.handleScroll.bind(this);\n    this.boundResizeHandler = this.handleResize.bind(this);\n\n    // Create portal element\n    this.createPortal();\n\n    // Initialize trigger element by calling slot change handler\n    // This is a fallback for environments where slot change might not fire reliably\n    const triggerSlot = this.el.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (triggerSlot && this.triggerEl == null) {\n      const CustomEvent = (typeof window !== 'undefined' ? window.Event : global.Event) as any;\n      const slotChangeEvent = new CustomEvent('slotchange');\n      Object.defineProperty(slotChangeEvent, 'target', { value: triggerSlot, enumerable: true });\n      this.handleTriggerSlotChange(slotChangeEvent);\n    }\n  }\n\n  /**\n   * Handles changes to the trigger slot\n   */\n  private handleTriggerSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Clean up previous trigger's event listener if it exists\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    if (assignedElements.length > 0) {\n      // Use the first assigned element as the trigger\n      this.triggerEl = assignedElements[0] as HTMLElement;\n\n      // Set ARIA attributes to establish relationship between trigger and popover\n      // This mirrors the native Popover API's accessibility behavior\n      if (this.portalEl) {\n        this.triggerEl.setAttribute('aria-expanded', String(this.active));\n        this.triggerEl.setAttribute('aria-controls', this.portalEl.id);\n      }\n\n      // Attach click listener to handle popover visibility\n      this.triggerEl.addEventListener('click', this.handleTriggerClick);\n    } else {\n      this.triggerEl = null;\n    }\n  };\n\n  /**\n   * Handles changes to the default slot (popover content)\n   * When the popover is active, re-sync content with portal to handle dynamic updates\n   */\n  private handleContentSlotChange = () => {\n    if (!this.active) return;\n    this.updatePortalContent();\n  };\n\n  /**\n   * Handles clicks on the trigger element\n   */\n  private handleTriggerClick = (event: Event) => {\n    // Only prevent default if the trigger is not an anchor with href\n    // This allows link navigation while still controlling popover visibility\n    const composedPath = event.composedPath();\n    const anchorWithHref = composedPath.find(\n      (el) => el instanceof HTMLAnchorElement && (el as HTMLAnchorElement).href\n    );\n\n    if (!anchorWithHref) {\n      event.preventDefault();\n    }\n\n    // Execute the appropriate action based on popoverTargetAction prop\n    switch (this.popoverTargetAction) {\n      case 'show':\n        this.show();\n        break;\n      case 'hide':\n        this.hide();\n        break;\n      case 'toggle':\n      default:\n        this.toggle();\n        break;\n    }\n  };\n\n  disconnectedCallback() {\n    this.isComponentMounted = false;\n\n    // Clean up trigger click event listener\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    // Clean up all event listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending debounce timers\n    this.clearDebounceTimers();\n\n    // Remove portal from DOM\n    this.removePortal();\n  }\n\n  /**\n   * Clears any pending debounce timers\n   */\n  private clearDebounceTimers() {\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = null;\n    }\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n      this.resizeDebounceTimer = null;\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = 'pds-popover';\n\n    // Apply all styles inline since portal is outside shadow DOM\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = 'var(--pine-z-index-raised)';\n    this.portalEl.style.maxWidth = `${this.maxWidth}px`;\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n    this.portalEl.style.backgroundColor = 'var(--pine-color-background-container)';\n    this.portalEl.style.borderRadius = 'var(--pine-dimension-125)';\n    this.portalEl.style.boxShadow = 'var(--pine-box-shadow-200)';\n    this.portalEl.style.margin = 'var(--pine-dimension-none)';\n    this.portalEl.style.padding = 'var(--pine-dimension-md)';\n\n    // Generate unique ID\n    if (!this.componentId) {\n      const suffix = PdsPopover.instanceCounter++;\n      this.portalEl.id = `pds-popover-portal-${suffix}`;\n    } else {\n      this.portalEl.id = `${this.componentId}-portal`;\n    }\n\n    // Add accessibility attributes for screen readers\n    // Note: Native Popover API doesn't add a specific role, keeping semantic HTML\n    this.portalEl.setAttribute('aria-modal', 'false'); // Not a modal, can interact with rest of page\n\n    // Append to body\n    document.body.appendChild(this.portalEl);\n\n    // Add global focus styles to match Pine design system\n    // This is done after appending to ensure it's part of the document and can access CSS variables\n    this.addPortalFocusStyles();\n  }\n\n  /**\n   * Adds Pine design system focus styles to the portal element\n   * Uses CSS variables from Pine's design tokens\n   */\n  private addPortalFocusStyles() {\n    if (!this.portalEl) return;\n\n    const portalId = this.portalEl.id;\n\n    // Check if style element already exists\n    const existingStyle = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n    if (existingStyle) return;\n\n    // Create style element with Pine's focus ring styles\n    const styleEl = document.createElement('style');\n    styleEl.setAttribute('data-pds-popover-focus', portalId);\n    styleEl.textContent = `\n      #${portalId}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${portalId}:focus:not(:focus-visible) {\n        outline: none;\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n  }\n\n  /**\n   * Moves slot content into portal (preserves event handlers and component instances)\n   */\n  private updatePortalContent() {\n    if (!this.portalEl) return;\n\n    const contentSlotWrapper = this.el.shadowRoot?.querySelector('.pds-popover__content-slot-wrapper');\n    const defaultSlot = contentSlotWrapper?.querySelector('slot');\n\n    if (defaultSlot) {\n      const assignedNodes = defaultSlot.assignedNodes();\n\n      // Move each node into portal and track with placeholder for restoration\n      assignedNodes.forEach(node => {\n        // Skip if node is already in the portal or already tracked\n        const isAlreadyInPortal = node.parentNode === this.portalEl;\n        const isAlreadyTracked = this.movedNodes.some(moved => moved.node === node);\n\n        if (isAlreadyInPortal || isAlreadyTracked) {\n          return;\n        }\n\n        // Create a placeholder comment to mark original position\n        const placeholder = document.createComment('pds-popover-placeholder');\n\n        // Insert placeholder before moving the node\n        node.parentNode?.insertBefore(placeholder, node);\n\n        // Move the actual node to portal (preserves all handlers and state)\n        this.portalEl!.appendChild(node);\n\n        // Track for restoration\n        this.movedNodes.push({ node, placeholder });\n      });\n    }\n  }\n\n  /**\n   * Restores moved nodes back to their original positions\n   */\n  private restorePortalContent() {\n    // Restore each moved node to its original position\n    this.movedNodes.forEach(({ node, placeholder }) => {\n      if (placeholder.parentNode) {\n        placeholder.parentNode.insertBefore(node, placeholder);\n        placeholder.parentNode.removeChild(placeholder);\n      }\n    });\n\n    // Clear tracking array\n    this.movedNodes = [];\n  }\n\n  private removePortal() {\n    if (this.portalEl) {\n      // Remove the portal element from DOM\n      if (this.portalEl.parentNode) {\n        this.portalEl.parentNode.removeChild(this.portalEl);\n      }\n\n      // Remove the associated focus style element\n      const portalId = this.portalEl.id;\n      const styleEl = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n      if (styleEl && styleEl.parentNode) {\n        styleEl.parentNode.removeChild(styleEl);\n      }\n    }\n    this.portalEl = null;\n  }\n\n  /**\n   * Opens the popover programmatically\n   */\n  @Method()\n  async show() {\n    if (this.active || !this.portalEl) return;\n\n    this.active = true;\n\n    // Record open timestamp to prevent immediate close from opening click\n    this.openTimestamp = Date.now();\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'true');\n    }\n\n    // Update portal content with latest slot content\n    this.updatePortalContent();\n\n    // Show portal\n    this.portalEl.style.display = 'block';\n    this.portalEl.style.opacity = '1';\n    this.portalEl.style.visibility = 'visible';\n\n    // Position the popover\n    requestAnimationFrame(() => {\n      if (!this.isComponentMounted) return;\n      this.handlePopoverPositioning();\n    });\n\n    // Add scroll and resize listeners for repositioning (always)\n    this.addScrollAndResizeListeners();\n\n    // Add document listeners for light dismiss and escape key (auto type only)\n    if (this.popoverType === 'auto') {\n      this.addLightDismissListeners();\n    }\n\n    // Emit open event\n    this.pdsPopoverOpen.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover programmatically\n   */\n  @Method()\n  async hide() {\n    if (!this.active || !this.portalEl) return;\n\n    this.active = false;\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'false');\n    }\n\n    // Restore content back to original slot positions\n    this.restorePortalContent();\n\n    // Hide portal\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n\n    // Return focus to trigger for keyboard accessibility\n    // This mirrors native Popover API behavior on close\n    this.returnFocusToTrigger();\n\n    // Remove all listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending timers\n    this.clearDebounceTimers();\n\n    // Emit close event\n    this.pdsPopoverClose.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Toggles the popover open/closed state programmatically\n   */\n  @Method()\n  async toggle() {\n    if (this.active) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Adds light dismiss listeners (click outside and escape key)\n   */\n  private addLightDismissListeners() {\n    // Add listeners immediately - handleClickOutside will check timestamp\n    document.addEventListener('click', this.boundClickOutsideHandler, true);\n    document.addEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Removes light dismiss listeners\n   */\n  private removeLightDismissListeners() {\n    document.removeEventListener('click', this.boundClickOutsideHandler, true);\n    document.removeEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Adds scroll and resize listeners for repositioning\n   */\n  private addScrollAndResizeListeners() {\n    window.addEventListener('scroll', this.boundScrollHandler, true);\n    window.addEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Removes scroll and resize listeners\n   */\n  private removeScrollAndResizeListeners() {\n    window.removeEventListener('scroll', this.boundScrollHandler, true);\n    window.removeEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Handles clicks outside the popover for light dismiss (auto type only)\n   */\n  private handleClickOutside(event: MouseEvent) {\n    // Ignore events that occurred at or before the popover opened\n    // This prevents the opening click from immediately closing the popover\n    // Convert event.timeStamp (DOMHighResTimeStamp from performance.now()) to epoch time\n    // by calculating: currentEpochTime - (currentPerfTime - eventPerfTime)\n    const eventTime = event.timeStamp\n      ? Date.now() - (performance.now() - event.timeStamp)\n      : Date.now();\n\n    if (eventTime <= this.openTimestamp) {\n      return;\n    }\n\n    const target = event.target as Node;\n\n    // Check if click is outside both the popover portal and the trigger\n    const clickedInsidePopover = this.portalEl?.contains(target);\n    const clickedInsideTrigger = this.triggerEl?.contains(target);\n\n    if (!clickedInsidePopover && !clickedInsideTrigger) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Returns focus to the trigger element with visible focus indicator\n   * This ensures focus rings/outlines are shown as they would be with keyboard navigation\n   */\n  private returnFocusToTrigger() {\n    if (!this.triggerEl) return;\n\n    // Focus immediately while still in keyboard event context\n    // This ensures the browser treats it as keyboard-initiated and shows focus ring\n    this.triggerEl.focus({ preventScroll: true });\n  }\n\n  /**\n   * Handles escape key press to close the popover\n   * Mirrors native Popover API: Escape closes and returns focus to trigger\n   */\n  private handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      // Prevent default Escape behavior and stop propagation\n      // This mirrors native Popover API which handles Escape exclusively\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Close popover and return focus to trigger\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles scroll events to reposition the popover (debounced for performance)\n   */\n  private handleScroll() {\n    if (!this.active) return;\n\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.scrollDebounceTimer = null;\n    }, 10); // 10ms debounce for smooth repositioning\n  }\n\n  /**\n   * Handles resize events to reposition the popover (debounced for performance)\n   */\n  private handleResize() {\n    if (!this.active) return;\n\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n    }\n\n    this.resizeDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.resizeDebounceTimer = null;\n    }, 100); // 100ms debounce for resize\n  }\n\n  /**\n   * Positions the popover relative to its trigger element\n   */\n  private handlePopoverPositioning() {\n    // Prevent repositioning loops\n    if (this.isRepositioning) {\n      return;\n    }\n\n    this.isRepositioning = true;\n\n    if (this.triggerEl == null || this.portalEl == null) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.portalEl.getBoundingClientRect();\n\n    // Safety check: ensure trigger has valid dimensions (is rendered and visible)\n    if (triggerRect.width === 0 || triggerRect.height === 0) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    let top = 0;\n    let left = 0;\n    const offset = 8;\n\n    switch (this.placement) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'top-start':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left;\n        break;\n      case 'top-end':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-start':\n        top = triggerRect.top;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.right + offset;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'bottom-start':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left;\n        break;\n      case 'bottom-end':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-start':\n        top = triggerRect.top;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n    }\n\n    this.portalEl.style.top = `${top}px`;\n    this.portalEl.style.left = `${left}px`;\n\n    // Reset the repositioning guard after a short delay\n    setTimeout(() => {\n      this.isRepositioning = false;\n    }, 16); // ~1 frame at 60fps\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <span class=\"pds-popover__trigger-wrapper\">\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n        </span>\n\n        <div class=\"pds-popover__content-slot-wrapper\">\n          <slot onSlotchange={this.handleContentSlotChange}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-popover.js","sourceRoot":"","sources":["../../../../src/components/pds-popover/pds-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State } from '@stencil/core';\nimport { PlacementType } from '@utils/types';\nimport { PdsPopoverEventDetail } from './popover-interface';\n\n/**\n * @slot trigger - The trigger element for the popover\n * @slot (default) - The content to display inside the popover\n */\n@Component({\n  tag: 'pds-popover',\n  styleUrl: 'pds-popover.scss',\n  shadow: true,\n})\nexport class PdsPopover {\n  /**\n   * Reference to the Host element\n   */\n  @Element() el: HTMLPdsPopoverElement;\n\n  /**\n   * Determines when the popover is active\n   * @defaultValue false\n   */\n  @State() active = false;\n\n  /**\n   * Tracks if the component is still mounted to prevent memory leaks\n   */\n  private isComponentMounted = true;\n\n  /**\n   * Reference to the trigger element\n   */\n  private triggerEl: HTMLElement | null = null;\n\n  /**\n   * Portal element rendered in document.body\n   */\n  private portalEl: HTMLElement | null = null;\n\n  /**\n   * Guard to prevent repositioning loops\n   */\n  private isRepositioning = false;\n\n  /**\n   * Debounce timers for performance optimization\n   */\n  private scrollDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n  private resizeDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * Track moved nodes and their placeholders for restoration\n   */\n  private movedNodes: Array<{ node: Node; placeholder: Comment }> = [];\n\n  /**\n   * Timestamp when popover was opened (for preventing immediate close)\n   */\n  private openTimestamp = 0;\n\n  /**\n   * Instance counter for unique IDs\n   */\n  private static instanceCounter = 0;\n\n  /**\n   * Bound handlers for cleanup\n   */\n  private boundClickOutsideHandler: (event: MouseEvent) => void;\n  private boundEscapeKeyHandler: (event: KeyboardEvent) => void;\n  private boundScrollHandler: () => void;\n  private boundResizeHandler: () => void;\n\n  /**\n   * Emitted when the popover is opened\n   */\n  @Event() pdsPopoverOpen: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Emitted when the popover is closed\n   */\n  @Event() pdsPopoverClose: EventEmitter<PdsPopoverEventDetail>;\n\n  /**\n   * Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.\n   * @defaultValue \"show\"\n   */\n  @Prop() popoverTargetAction: 'show' | 'toggle' | 'hide' = 'show';\n\n  /**\n   * Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\n   * Manual popovers require the consumer to handle the visibility of the popover.\n   */\n  @Prop() popoverType: 'auto' | 'manual' = 'auto';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Sets the maximum width of the popover content\n   * @defaultValue 352\n   */\n  @Prop() maxWidth?: number = 352;\n\n  /**\n   * Determines the preferred position of the popover\n   * @defaultValue \"right\"\n   */\n  @Prop({ reflect: true }) placement: PlacementType = 'right';\n\n  componentDidLoad() {\n    // Bind event handlers for cleanup\n    this.boundClickOutsideHandler = this.handleClickOutside.bind(this);\n    this.boundEscapeKeyHandler = this.handleEscapeKey.bind(this);\n    this.boundScrollHandler = this.handleScroll.bind(this);\n    this.boundResizeHandler = this.handleResize.bind(this);\n\n    // Create portal element\n    this.createPortal();\n\n    // Initialize trigger element by calling slot change handler\n    // This is a fallback for environments where slot change might not fire reliably\n    const triggerSlot = this.el.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (triggerSlot && this.triggerEl == null) {\n      const CustomEvent = (typeof window !== 'undefined' ? window.Event : global.Event) as any;\n      const slotChangeEvent = new CustomEvent('slotchange');\n      Object.defineProperty(slotChangeEvent, 'target', { value: triggerSlot, enumerable: true });\n      this.handleTriggerSlotChange(slotChangeEvent);\n    }\n  }\n\n  /**\n   * Handles changes to the trigger slot\n   */\n  private handleTriggerSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Clean up previous trigger's event listener if it exists\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    if (assignedElements.length > 0) {\n      // Use the first assigned element as the trigger\n      this.triggerEl = assignedElements[0] as HTMLElement;\n\n      // Set ARIA attributes to establish relationship between trigger and popover\n      // This mirrors the native Popover API's accessibility behavior\n      if (this.portalEl) {\n        this.triggerEl.setAttribute('aria-expanded', String(this.active));\n        this.triggerEl.setAttribute('aria-controls', this.portalEl.id);\n      }\n\n      // Attach click listener to handle popover visibility\n      this.triggerEl.addEventListener('click', this.handleTriggerClick);\n    } else {\n      this.triggerEl = null;\n    }\n  };\n\n  /**\n   * Handles changes to the default slot (popover content)\n   * When the popover is active, re-sync content with portal to handle dynamic updates\n   */\n  private handleContentSlotChange = () => {\n    if (!this.active) return;\n    this.updatePortalContent();\n  };\n\n  /**\n   * Handles clicks on the trigger element\n   */\n  private handleTriggerClick = (event: Event) => {\n    // Only prevent default if the trigger is not an anchor with href\n    // This allows link navigation while still controlling popover visibility\n    const composedPath = event.composedPath();\n    const anchorWithHref = composedPath.find(\n      (el) => el instanceof HTMLAnchorElement && (el as HTMLAnchorElement).href\n    );\n\n    if (!anchorWithHref) {\n      event.preventDefault();\n    }\n\n    // Execute the appropriate action based on popoverTargetAction prop\n    switch (this.popoverTargetAction) {\n      case 'show':\n        this.show();\n        break;\n      case 'hide':\n        this.hide();\n        break;\n      case 'toggle':\n      default:\n        this.toggle();\n        break;\n    }\n  };\n\n  disconnectedCallback() {\n    this.isComponentMounted = false;\n\n    // Clean up trigger click event listener\n    if (this.triggerEl != null) {\n      this.triggerEl.removeEventListener('click', this.handleTriggerClick);\n    }\n\n    // Clean up all event listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending debounce timers\n    this.clearDebounceTimers();\n\n    // Remove portal from DOM\n    this.removePortal();\n  }\n\n  /**\n   * Clears any pending debounce timers\n   */\n  private clearDebounceTimers() {\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n      this.scrollDebounceTimer = null;\n    }\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n      this.resizeDebounceTimer = null;\n    }\n  }\n\n  private createPortal() {\n    if (this.portalEl !== null) return;\n\n    this.portalEl = document.createElement('div');\n    this.portalEl.className = 'pds-popover';\n\n    // Apply all styles inline since portal is outside shadow DOM\n    this.portalEl.style.position = 'fixed';\n    this.portalEl.style.zIndex = 'var(--pine-z-index-raised)';\n    this.portalEl.style.maxWidth = `${this.maxWidth}px`;\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n    this.portalEl.style.backgroundColor = 'var(--pine-color-background-container)';\n    this.portalEl.style.borderRadius = 'var(--pine-dimension-125)';\n    this.portalEl.style.boxShadow = 'var(--pine-box-shadow-200)';\n    this.portalEl.style.margin = 'var(--pine-dimension-none)';\n    this.portalEl.style.padding = 'var(--pine-dimension-md)';\n\n    // Generate unique ID\n    if (!this.componentId) {\n      const suffix = PdsPopover.instanceCounter++;\n      this.portalEl.id = `pds-popover-portal-${suffix}`;\n    } else {\n      this.portalEl.id = `${this.componentId}-portal`;\n    }\n\n    // Add accessibility attributes for screen readers\n    // Note: Native Popover API doesn't add a specific role, keeping semantic HTML\n    this.portalEl.setAttribute('aria-modal', 'false'); // Not a modal, can interact with rest of page\n\n    // Append to body\n    document.body.appendChild(this.portalEl);\n\n    // Add global focus styles to match Pine design system\n    // This is done after appending to ensure it's part of the document and can access CSS variables\n    this.addPortalFocusStyles();\n  }\n\n  /**\n   * Adds Pine design system focus styles and dark mode border to the portal element\n   * Uses CSS variables from Pine's design tokens\n   */\n  private addPortalFocusStyles() {\n    if (!this.portalEl) return;\n\n    const portalId = this.portalEl.id;\n\n    // Check if style element already exists\n    const existingStyle = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n    if (existingStyle) return;\n\n    // Create style element with Pine's focus ring styles and dark mode border\n    const styleEl = document.createElement('style');\n    styleEl.setAttribute('data-pds-popover-focus', portalId);\n    styleEl.textContent = `\n      #${portalId}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${portalId}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme=\"dark\"] #${portalId} {\n        border: var(--pine-border);\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n  }\n\n  /**\n   * Moves slot content into portal (preserves event handlers and component instances)\n   */\n  private updatePortalContent() {\n    if (!this.portalEl) return;\n\n    const contentSlotWrapper = this.el.shadowRoot?.querySelector('.pds-popover__content-slot-wrapper');\n    const defaultSlot = contentSlotWrapper?.querySelector('slot');\n\n    if (defaultSlot) {\n      const assignedNodes = defaultSlot.assignedNodes();\n\n      // Move each node into portal and track with placeholder for restoration\n      assignedNodes.forEach(node => {\n        // Skip if node is already in the portal or already tracked\n        const isAlreadyInPortal = node.parentNode === this.portalEl;\n        const isAlreadyTracked = this.movedNodes.some(moved => moved.node === node);\n\n        if (isAlreadyInPortal || isAlreadyTracked) {\n          return;\n        }\n\n        // Create a placeholder comment to mark original position\n        const placeholder = document.createComment('pds-popover-placeholder');\n\n        // Insert placeholder before moving the node\n        node.parentNode?.insertBefore(placeholder, node);\n\n        // Move the actual node to portal (preserves all handlers and state)\n        this.portalEl!.appendChild(node);\n\n        // Track for restoration\n        this.movedNodes.push({ node, placeholder });\n      });\n    }\n  }\n\n  /**\n   * Restores moved nodes back to their original positions\n   */\n  private restorePortalContent() {\n    // Restore each moved node to its original position\n    this.movedNodes.forEach(({ node, placeholder }) => {\n      if (placeholder.parentNode) {\n        placeholder.parentNode.insertBefore(node, placeholder);\n        placeholder.parentNode.removeChild(placeholder);\n      }\n    });\n\n    // Clear tracking array\n    this.movedNodes = [];\n  }\n\n  private removePortal() {\n    if (this.portalEl) {\n      // Remove the portal element from DOM\n      if (this.portalEl.parentNode) {\n        this.portalEl.parentNode.removeChild(this.portalEl);\n      }\n\n      // Remove the associated focus style element\n      const portalId = this.portalEl.id;\n      const styleEl = document.querySelector(`style[data-pds-popover-focus=\"${portalId}\"]`);\n      if (styleEl && styleEl.parentNode) {\n        styleEl.parentNode.removeChild(styleEl);\n      }\n    }\n    this.portalEl = null;\n  }\n\n  /**\n   * Opens the popover programmatically\n   */\n  @Method()\n  async show() {\n    if (this.active || !this.portalEl) return;\n\n    this.active = true;\n\n    // Record open timestamp to prevent immediate close from opening click\n    this.openTimestamp = Date.now();\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'true');\n    }\n\n    // Update portal content with latest slot content\n    this.updatePortalContent();\n\n    // Show portal\n    this.portalEl.style.display = 'block';\n    this.portalEl.style.opacity = '1';\n    this.portalEl.style.visibility = 'visible';\n\n    // Position the popover\n    requestAnimationFrame(() => {\n      if (!this.isComponentMounted) return;\n      this.handlePopoverPositioning();\n    });\n\n    // Add scroll and resize listeners for repositioning (always)\n    this.addScrollAndResizeListeners();\n\n    // Add document listeners for light dismiss and escape key (auto type only)\n    if (this.popoverType === 'auto') {\n      this.addLightDismissListeners();\n    }\n\n    // Emit open event\n    this.pdsPopoverOpen.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover programmatically\n   */\n  @Method()\n  async hide() {\n    if (!this.active || !this.portalEl) return;\n\n    this.active = false;\n\n    // Update ARIA expanded state on trigger\n    if (this.triggerEl) {\n      this.triggerEl.setAttribute('aria-expanded', 'false');\n    }\n\n    // Restore content back to original slot positions\n    this.restorePortalContent();\n\n    // Hide portal\n    this.portalEl.style.display = 'none';\n    this.portalEl.style.opacity = '0';\n    this.portalEl.style.visibility = 'hidden';\n\n    // Return focus to trigger for keyboard accessibility\n    // This mirrors native Popover API behavior on close\n    this.returnFocusToTrigger();\n\n    // Remove all listeners\n    this.removeLightDismissListeners();\n    this.removeScrollAndResizeListeners();\n\n    // Clear any pending timers\n    this.clearDebounceTimers();\n\n    // Emit close event\n    this.pdsPopoverClose.emit({\n      componentId: this.componentId,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Toggles the popover open/closed state programmatically\n   */\n  @Method()\n  async toggle() {\n    if (this.active) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Adds light dismiss listeners (click outside and escape key)\n   */\n  private addLightDismissListeners() {\n    // Add listeners immediately - handleClickOutside will check timestamp\n    document.addEventListener('click', this.boundClickOutsideHandler, true);\n    document.addEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Removes light dismiss listeners\n   */\n  private removeLightDismissListeners() {\n    document.removeEventListener('click', this.boundClickOutsideHandler, true);\n    document.removeEventListener('keydown', this.boundEscapeKeyHandler);\n  }\n\n  /**\n   * Adds scroll and resize listeners for repositioning\n   */\n  private addScrollAndResizeListeners() {\n    window.addEventListener('scroll', this.boundScrollHandler, true);\n    window.addEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Removes scroll and resize listeners\n   */\n  private removeScrollAndResizeListeners() {\n    window.removeEventListener('scroll', this.boundScrollHandler, true);\n    window.removeEventListener('resize', this.boundResizeHandler);\n  }\n\n  /**\n   * Handles clicks outside the popover for light dismiss (auto type only)\n   */\n  private handleClickOutside(event: MouseEvent) {\n    // Ignore events that occurred at or before the popover opened\n    // This prevents the opening click from immediately closing the popover\n    // Convert event.timeStamp (DOMHighResTimeStamp from performance.now()) to epoch time\n    // by calculating: currentEpochTime - (currentPerfTime - eventPerfTime)\n    const eventTime = event.timeStamp\n      ? Date.now() - (performance.now() - event.timeStamp)\n      : Date.now();\n\n    if (eventTime <= this.openTimestamp) {\n      return;\n    }\n\n    const target = event.target as Node;\n\n    // Check if click is outside both the popover portal and the trigger\n    const clickedInsidePopover = this.portalEl?.contains(target);\n    const clickedInsideTrigger = this.triggerEl?.contains(target);\n\n    if (!clickedInsidePopover && !clickedInsideTrigger) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Returns focus to the trigger element with visible focus indicator\n   * This ensures focus rings/outlines are shown as they would be with keyboard navigation\n   */\n  private returnFocusToTrigger() {\n    if (!this.triggerEl) return;\n\n    // Focus immediately while still in keyboard event context\n    // This ensures the browser treats it as keyboard-initiated and shows focus ring\n    this.triggerEl.focus({ preventScroll: true });\n  }\n\n  /**\n   * Handles escape key press to close the popover\n   * Mirrors native Popover API: Escape closes and returns focus to trigger\n   */\n  private handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      // Prevent default Escape behavior and stop propagation\n      // This mirrors native Popover API which handles Escape exclusively\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Close popover and return focus to trigger\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles scroll events to reposition the popover (debounced for performance)\n   */\n  private handleScroll() {\n    if (!this.active) return;\n\n    if (this.scrollDebounceTimer !== null) {\n      clearTimeout(this.scrollDebounceTimer);\n    }\n\n    this.scrollDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.scrollDebounceTimer = null;\n    }, 10); // 10ms debounce for smooth repositioning\n  }\n\n  /**\n   * Handles resize events to reposition the popover (debounced for performance)\n   */\n  private handleResize() {\n    if (!this.active) return;\n\n    if (this.resizeDebounceTimer !== null) {\n      clearTimeout(this.resizeDebounceTimer);\n    }\n\n    this.resizeDebounceTimer = setTimeout(() => {\n      this.handlePopoverPositioning();\n      this.resizeDebounceTimer = null;\n    }, 100); // 100ms debounce for resize\n  }\n\n  /**\n   * Positions the popover relative to its trigger element\n   */\n  private handlePopoverPositioning() {\n    // Prevent repositioning loops\n    if (this.isRepositioning) {\n      return;\n    }\n\n    this.isRepositioning = true;\n\n    if (this.triggerEl == null || this.portalEl == null) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    const triggerRect = this.triggerEl.getBoundingClientRect();\n    const popoverRect = this.portalEl.getBoundingClientRect();\n\n    // Safety check: ensure trigger has valid dimensions (is rendered and visible)\n    if (triggerRect.width === 0 || triggerRect.height === 0) {\n      this.isRepositioning = false;\n      return;\n    }\n\n    let top = 0;\n    let left = 0;\n    const offset = 8;\n\n    switch (this.placement) {\n      case 'top':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'top-start':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.left;\n        break;\n      case 'top-end':\n        top = triggerRect.top - popoverRect.height - offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'right':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-start':\n        top = triggerRect.top;\n        left = triggerRect.right + offset;\n        break;\n      case 'right-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.right + offset;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left + (triggerRect.width - popoverRect.width) / 2;\n        break;\n      case 'bottom-start':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.left;\n        break;\n      case 'bottom-end':\n        top = triggerRect.bottom + offset;\n        left = triggerRect.right - popoverRect.width;\n        break;\n      case 'left':\n        top = triggerRect.top + (triggerRect.height - popoverRect.height) / 2;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-start':\n        top = triggerRect.top;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n      case 'left-end':\n        top = triggerRect.bottom - popoverRect.height;\n        left = triggerRect.left - popoverRect.width - offset;\n        break;\n    }\n\n    this.portalEl.style.top = `${top}px`;\n    this.portalEl.style.left = `${left}px`;\n\n    // Reset the repositioning guard after a short delay\n    setTimeout(() => {\n      this.isRepositioning = false;\n    }, 16); // ~1 frame at 60fps\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <span class=\"pds-popover__trigger-wrapper\">\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n        </span>\n\n        <div class=\"pds-popover__content-slot-wrapper\">\n          <slot onSlotchange={this.handleContentSlotChange}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-popover/popover-interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-interface.js","sourceRoot":"","sources":["../../../src/components/pds-popover/popover-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface PdsPopoverEventDetail {\n  componentId: string;\n  popoverType: 'auto' | 'manual';\n}\n\n"]}
+{"version":3,"file":"popover-interface.js","sourceRoot":"","sources":["../../../../src/components/pds-popover/popover-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface PdsPopoverEventDetail {\n  componentId: string;\n  popoverType: 'auto' | 'manual';\n}\n\n"]}

package/dist/collection/components/pds-popover/stories/pds-popover.stories.js

@@ -1,9 +1,8 @@
 import { html } from 'lit';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
-import { withActions } from '@storybook/addon-actions/decorator';
+
 
 export default {
-	argTypes: extractArgTypes('pds-popover'),
+
 	args: {
 		popoverTargetAction: 'toggle',
 		popoverType: 'auto',
@@ -11,12 +10,7 @@ export default {
 		componentId: 'popover-playground',
 	},
 	component: 'pds-popover',
-	decorators: [withActions],
-	parameters: {
-		actions: {
-			handles: ['pdsPopoverOpen', 'pdsPopoverClose'],
-		},
-	},
+	parameters: {},
 	title: 'components/Popover'
 }
 

package/dist/collection/components/pds-progress/pds-progress.css

@@ -1,5 +1,5 @@
 :host {
-  --color-progress-fill: var(--pine-color-brand);
+  --color-progress-fill: var(--pine-color-primary);
   --sizing-progress-bar-width: 100%;
   align-items: center;
   display: flex;
@@ -16,7 +16,7 @@
 }
 .pds-progress {
   align-items: center;
-  background-color: var(--pine-color-background-container-disabled);
+  background-color: var(--pine-color-background-muted);
   border-radius: var(--pine-dimension-2xs);
   display: flex;
   flex-direction: row;
@@ -40,12 +40,12 @@ progress::-webkit-progress-bar {
 }
 
 progress::-webkit-progress-value {
-  background: var(--color-progress-fill, var(--pine-color-brand));
+  background: var(--color-progress-fill, var(--pine-color-primary));
   border-radius: var(--pine-dimension-2xs);
 }
 
 progress::-moz-progress-bar {
-  background: var(--color-progress-fill, var(--pine-color-brand));
+  background: var(--color-progress-fill, var(--pine-color-primary));
   border-radius: var(--pine-dimension-2xs);
 }
 

package/dist/collection/components/pds-progress/pds-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-progress.js","sourceRoot":"","sources":["../../../src/components/pds-progress/pds-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;IALxB;QAME;;;UAGE;QACM,aAAQ,GAAG,KAAK,CAAC;QAkBzB;;;UAGE;QACM,YAAO,GAAG,CAAC,CAAC;QAEpB;;;UAGE;QACM,gBAAW,GAAG,KAAK,CAAC;KAqB7B;IAnBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;YAChE,4DAAK,KAAK,EAAC,cAAc;gBACvB,8DAAO,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,IACzD,IAAI,CAAC,KAAK,CACL;gBACR,iEACE,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EACxE,KAAK,EAAE,IAAI,CAAC,OAAO,GAEV,CACP;YACL,IAAI,CAAC,WAAW,IAAI,4DAAK,KAAK,EAAC,0BAA0B;gBAAE,IAAI,CAAC,OAAO;oBAAQ,CAC3E,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrls: ['pds-progress.scss'],\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-progress.js","sourceRoot":"","sources":["../../../../src/components/pds-progress/pds-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;IALxB;QAME;;;UAGE;QACM,aAAQ,GAAG,KAAK,CAAC;QAkBzB;;;UAGE;QACM,YAAO,GAAG,CAAC,CAAC;QAEpB;;;UAGE;QACM,gBAAW,GAAG,KAAK,CAAC;KAqB7B;IAnBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;YAChE,4DAAK,KAAK,EAAC,cAAc;gBACvB,8DAAO,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,IACzD,IAAI,CAAC,KAAK,CACL;gBACR,iEACE,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EACxE,KAAK,EAAE,IAAI,CAAC,OAAO,GAEV,CACP;YACL,IAAI,CAAC,WAAW,IAAI,4DAAK,KAAK,EAAC,0BAA0B;gBAAE,IAAI,CAAC,OAAO;oBAAQ,CAC3E,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-progress',\n  styleUrls: ['pds-progress.scss'],\n  shadow: true,\n})\nexport class PdsProgress {\n  /**\n  * Determines whether or not progress is animated.\n  * @defaultValue false\n  */\n  @Prop() animated = false;\n\n  /**\n  * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n  */\n  @Prop() componentId!: string;\n\n  /**\n  * Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).\n  * @defaultValue 'var(--pine-color-blue-300)'\n  */\n  @Prop() fillColor: string;\n\n  /**\n  * String used for label text. Label is visually hidden but required for better accessibility.\n  */\n  @Prop() label!: string;\n\n  /**\n  * Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n  * @defaultValue 0\n  */\n  @Prop() percent = 0;\n\n  /**\n  * Determines whether or not the percent value should be displayed as text.\n  * @defaultValue false\n  */\n  @Prop() showPercent = false;\n\n  render() {\n    return (\n      <Host class={this.animated ? { 'is-animated': this.animated } : ''}>\n        <div class=\"pds-progress\">\n          <label class=\"pds-progress__label\" htmlFor={this.componentId}>\n            {this.label}\n          </label>\n          <progress\n            id={this.componentId}\n            max=\"100\"\n            style={this.fillColor ? { '--color-progress-fill': this.fillColor } : {}}\n            value={this.percent}\n          >\n          </progress>\n        </div>\n        {this.showPercent && <div class=\"pds-progress__percentage\">{this.percent}%</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-progress/stories/pds-progress.stories.js

@@ -1,8 +1,6 @@
 import { html } from 'lit';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
 
 export default {
-  argTypes: extractArgTypes('pds-progress'),
   component: 'pds-progress',
   title: 'components/Progress'
 }

package/dist/collection/components/pds-property/pds-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-property.js","sourceRoot":"","sources":["../../../src/components/pds-property/pds-property.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAOH,MAAM,OAAO,WAAW;IALxB;QAWE;;WAEG;QACK,SAAI,GAAW,MAAM,CAAC;KAY/B;IAVC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,EAAE,EAAE,IAAI,CAAC,WAAW;YACxB,+EAAqB,QAAQ,EAAC,GAAG,EAAC,IAAI;gBACpC,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,0BAA0B,iBAAa,MAAM,GAAY;gBACzF,8DAAQ,CACA,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot (default) - The property text content.\n */\n\n@Component({\n  tag: 'pds-property',\n  styleUrls: ['pds-property.scss'],\n  shadow: true,\n})\nexport class PdsProperty {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The name of the icon to display before the property text.\n   */\n  @Prop() icon: string = 'star';\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <pds-box align-items=\"center\" gap=\"xs\">\n          <pds-icon icon={this.icon} size=\"var(--pine-dimension-sm)\" aria-hidden=\"true\"></pds-icon>\n          <slot />\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-property.js","sourceRoot":"","sources":["../../../../src/components/pds-property/pds-property.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAOH,MAAM,OAAO,WAAW;IALxB;QAWE;;WAEG;QACK,SAAI,GAAW,MAAM,CAAC;KAY/B;IAVC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,EAAE,EAAE,IAAI,CAAC,WAAW;YACxB,+EAAqB,QAAQ,EAAC,GAAG,EAAC,IAAI;gBACpC,iEAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,0BAA0B,iBAAa,MAAM,GAAY;gBACzF,8DAAQ,CACA,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * @slot (default) - The property text content.\n */\n\n@Component({\n  tag: 'pds-property',\n  styleUrls: ['pds-property.scss'],\n  shadow: true,\n})\nexport class PdsProperty {\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The name of the icon to display before the property text.\n   */\n  @Prop() icon: string = 'star';\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <pds-box align-items=\"center\" gap=\"xs\">\n          <pds-icon icon={this.icon} size=\"var(--pine-dimension-sm)\" aria-hidden=\"true\"></pds-icon>\n          <slot />\n        </pds-box>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-property/stories/pds-property.stories.js

@@ -1,11 +1,7 @@
 import { html } from 'lit';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
-import { withActions } from '@storybook/addon-actions/decorator';
 
 export default {
-  argTypes: extractArgTypes('pds-property'),
   component: 'pds-property',
-  decorators: [withActions],
   title: 'components/Property',
 };
 

package/dist/collection/components/pds-radio/pds-radio.css

@@ -8,20 +8,6 @@
   position: relative;
 }
 
-:host(.is-invalid) input {
-  border-color: var(--pine-color-border-danger);
-}
-:host(.is-invalid) input:checked {
-  background: var(--pine-color-border-danger);
-}
-:host(.is-invalid) input:checked:hover {
-  background: var(--pine-color-border-danger-hover);
-  border-color: var(--pine-color-border-danger-hover);
-}
-:host(.is-invalid) input:focus-visible {
-  outline-color: var(--pine-color-focus-ring-danger);
-}
-:host(.is-invalid) label,
 :host(.is-invalid) .pds-radio__message--error {
   color: var(--pine-color-text-message-danger);
 }
@@ -36,6 +22,14 @@
   flex-direction: column;
   padding: var(--pine-dimension-md);
 }
+@media (max-width: 767px) {
+  :host(.has-border) {
+    box-sizing: border-box;
+    flex: 1 1 100%;
+    max-width: 100%;
+    min-width: 0;
+  }
+}
 :host(.has-border):hover {
   border: var(--pine-border-hover);
 }
@@ -56,6 +50,18 @@
   width: 100%;
   z-index: 1;
 }
+:host(.has-border):has(input:disabled) {
+  background: var(--pine-color-background-container-disabled);
+  border-color: var(--pine-color-border-disabled);
+  cursor: not-allowed;
+}
+:host(.has-border):has(input:disabled) label {
+  color: var(--pine-color-text-label-disabled);
+  cursor: not-allowed;
+}
+:host(.has-border).is-invalid .pds-radio__message--error {
+  color: var(--pine-color-text-message-danger);
+}
 
 input {
   appearance: none;
@@ -95,7 +101,7 @@ input:checked:hover {
   border-color: var(--pine-color-accent-hover);
 }
 input:checked::after {
-  background: var(--pine-color-background-container);
+  background: var(--pine-color-white);
   border-radius: var(--pine-border-radius-full);
   content: "";
   display: block;
@@ -118,12 +124,6 @@ input:disabled:checked {
 input:disabled:checked::after {
   border-color: var(--pine-color-border-disabled);
 }
-input:disabled + label {
-  cursor: not-allowed;
-}
-input:disabled ~ .pds-radio__message {
-  color: var(--pine-color-text-message-disabled);
-}
 input:focus-visible {
   outline: var(--pine-outline-focus);
 }
@@ -133,6 +133,15 @@ label {
   gap: var(--pine-dimension-xs);
 }
 
+label:has(input:disabled) {
+  color: var(--pine-color-text-label-disabled);
+  cursor: not-allowed;
+}
+
+:host:has(input:disabled) .pds-radio__message {
+  color: var(--pine-color-text-label-disabled);
+}
+
 .visually-hidden {
   border: 0;
   clip: rect(0 0 0 0);
@@ -148,18 +157,17 @@ label {
 
 .pds-radio__message {
   color: var(--pine-color-text-message);
+  flex-basis: 100%;
   font: var(--pine-typography-body);
   margin-inline-start: var(--pine-dimension-md);
   width: 100%;
 }
 
 .pds-radio__message--error {
+  align-items: center;
   display: flex;
   gap: var(--pine-dimension-2xs);
 }
-.pds-radio__message--error pds-icon {
-  margin-block-start: var(--pine-dimension-025);
-}
 
 :host(.has-image) {
   align-items: center;
@@ -170,6 +178,14 @@ label {
   flex: 1;
   padding: var(--pine-dimension-md);
 }
+@media (max-width: 767px) {
+  :host(.has-image) {
+    box-sizing: border-box;
+    flex: 1 1 100%;
+    max-width: 100%;
+    min-width: 0;
+  }
+}
 :host(.has-image):hover {
   border: var(--pine-border-hover);
 }
@@ -219,43 +235,26 @@ label {
   margin-block-start: 0;
   margin-inline-start: 0;
 }
+:host(.has-image).is-disabled {
+  background: var(--pine-color-background-container-disabled);
+  border-color: var(--pine-color-border-disabled);
+  cursor: not-allowed;
+}
 :host(.has-image).is-disabled .pds-radio__image-container {
   border-color: var(--pine-color-border-disabled);
   cursor: not-allowed;
-  opacity: 0.6;
+  opacity: 0.5;
 }
 :host(.has-image).is-disabled .pds-radio__image-container:hover {
   border-color: var(--pine-color-border-disabled);
 }
 :host(.has-image).is-disabled label {
+  color: var(--pine-color-text-label-disabled);
   cursor: not-allowed;
 }
-:host(.has-image).is-invalid .pds-radio__image-container {
-  border-color: var(--pine-color-border-danger);
-}
-:host(.has-image).is-invalid .pds-radio__image-container:hover {
-  border-color: var(--pine-color-border-danger-hover);
-}
-:host(.has-image).is-invalid:has(input:checked) {
-  box-shadow: 0 0 0 2px var(--pine-color-border-danger);
-}
-:host(.has-image).is-invalid:has(input:checked) .pds-radio__image-container {
-  border-color: var(--pine-color-border-danger);
-  box-shadow: 0 0 0 2px var(--pine-color-border-danger);
-  /* stylelint-disable-next-line */
-  /* stylelint-disable-next-line */
-}
-:host(.has-image).is-invalid:has(input:checked) .pds-radio__image-container::after {
-  background: var(--pine-color-border-danger);
-}
-:host(.has-image).is-invalid:has(input:checked) .pds-radio__image-container:hover {
-  border-color: var(--pine-color-border-danger-hover);
-  box-shadow: 0 0 0 2px var(--pine-color-border-danger-hover);
-}
-:host(.has-image).is-invalid:has(input:checked):hover {
-  box-shadow: 0 0 0 2px var(--pine-color-border-danger-hover);
+:host(.has-image).is-disabled .pds-radio__message {
+  color: var(--pine-color-text-label-disabled);
 }
-:host(.has-image).is-invalid label,
 :host(.has-image).is-invalid .pds-radio__message--error {
   color: var(--pine-color-text-message-danger);
 }

package/dist/collection/components/pds-radio/pds-radio.js

@@ -40,6 +40,11 @@ export class PdsRadio {
             }
             const target = e.target;
             const isChecked = target.checked;
+            // If this radio is inside a pds-radio-group, don't emit the individual event
+            // The group will handle emitting its own event
+            if (this.el.closest('pds-radio-group')) {
+                return;
+            }
             this.pdsRadioChange.emit(isChecked);
         };
     }
@@ -75,11 +80,11 @@ export class PdsRadio {
     }
     render() {
         const renderLabelAndMessages = () => [
-            h("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, h("input", { key: '5ec06b8b4e017027a3fe20cef0241a612abec196', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), h("span", { key: 'f7bc6d0bd0759a833a668499039ba97a10bf18ec', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
+            h("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, h("input", { key: 'c2361c9041baae2cf222314101f390fbf19266fd', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), h("span", { key: 'ce704f1c12d7e9a214f2a93499bd065037631586', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
             this.helperMessage && (h("div", { key: `${this.componentId}-helper`, class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage)),
-            this.errorMessage && (h("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '629e33e9c80a6dc3af11e471d4342b4f992e0084', icon: danger, size: "small" }), this.errorMessage))
+            this.errorMessage && (h("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '138adf48418372b3ca28ab4b6998e74f7a2de8b2', icon: danger, size: "small" }), this.errorMessage))
         ];
-        return (h(Host, { key: '706822a4f2b85462533dedc7c204679272537c2d', class: this.classNames() }, this.hasImage() && (h("div", { key: 'cc19b9c47bc9b3c38aa322754ff9bf51f6e75d76', class: "pds-radio__image-container", part: "image-container" }, h("slot", { key: 'cf4fe8dbdc464cb0ad39cafb21e67e9e184a2e4f', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (h("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
+        return (h(Host, { key: '25a216197228fc211ab2fd3ce3ee767e34d90ac0', class: this.classNames() }, this.hasImage() && (h("div", { key: 'b19b9c38cd8ba864328c4d4a3e0402b38b096f44', class: "pds-radio__image-container", part: "image-container" }, h("slot", { key: '72723bbd792394d1f358acf6a3a6969c6ac4012d', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (h("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
     }
     static get is() { return "pds-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/pds-radio/pds-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-radio.js","sourceRoot":"","sources":["../../../src/components/pds-radio/pds-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-radio.js","sourceRoot":"","sources":["../../../../src/components/pds-radio/pds-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;GAGG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAMmB,UAAK,GAAG,OAAgB,CAAC;QAIzB,cAAS,GAAG,KAAK,CAAC;QAEnC;;;WAGG;QACK,YAAO,GAAG,KAAK,CAAC;QAOxB;;;WAGG;QACK,aAAQ,GAAG,KAAK,CAAC;QAYzB;;;WAGG;QACK,cAAS,GAAG,KAAK,CAAC;QAExB;;;SAGC;QACO,YAAO,GAAG,KAAK,CAAC;QAiB1B;;;WAGG;QACK,aAAQ,GAAG,KAAK,CAAC;QAajB,sBAAiB,GAAG,CAAC,CAAQ,EAAE,EAAE;YACvC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YAEjC,6EAA6E;YAC7E,+CAA+C;YAC/C,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,CAAC,CAAA;KAkGF;IAhGS,YAAY;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC1D,OAAO,CAAC,CAAC,SAAS,CAAC;IACrB,CAAC;IAEO,QAAQ;QACd,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEO,UAAU;QAChB,MAAM,UAAU,GAAG,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAChC,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACvC,CAAC;IAED,iBAAiB;QACf,qFAAqF;QACrF,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;IAED,MAAM;QACJ,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC;YACnC,aAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,QAAQ;gBAChE,kFACoB,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,kBACzE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAC/C;gBACF,6DAAM,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IACjD,IAAI,CAAC,KAAK,CACN,CACD;YACR,IAAI,CAAC,aAAa,IAAI,CACpB,WACE,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,SAAS,EACjC,KAAK,EAAE,oBAAoB,EAC3B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,CACP;YACD,IAAI,CAAC,YAAY,IAAI,CACnB,WACE,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,QAAQ,EAChC,KAAK,EAAE,8CAA8C,EACrD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW;gBAErB,iEAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG;gBACtC,IAAI,CAAC,YAAY,CACd,CACP;SACF,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,IAAI,CAAC,QAAQ,EAAE,IAAI,CAClB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,iBAAiB;gBAC5D,6DAAM,IAAI,EAAC,OAAO,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,GAAI,CAC7E,CACP;YACA,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CACjB,WAAK,KAAK,EAAC,4BAA4B,IACpC,sBAAsB,EAAE,CACrB,CACP,CAAC,CAAC,CAAC,CACF,sBAAsB,EAAE,CACzB,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot image - Custom image content to display instead of the default radio input\n * @part image-container - The container for the image\n */\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  @State() private _hasImage = false;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Adds a border around the radio component for better visual separation.\n   * @defaultValue false\n   */\n  @Prop() hasBorder = false;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the radio is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    // If this radio is inside a pds-radio-group, don't emit the individual event\n    // The group will handle emitting its own event\n    if (this.el.closest('pds-radio-group')) {\n      return;\n    }\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private hasImageSlot(): boolean {\n    const imageSlot = this.el.querySelector('[slot=\"image\"]');\n    return !!imageSlot;\n  }\n\n  private hasImage(): boolean {\n    return this._hasImage;\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n    if (this.hasBorder) {\n      classNames.push('has-border');\n    }\n    if (this.hasImage()) {\n      classNames.push('has-image');\n    }\n\n    return classNames.join(' ');\n  }\n\n  componentWillLoad() {\n    this._hasImage = this.hasImageSlot();\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    const renderLabelAndMessages = () => [\n      <label htmlFor={this.componentId} key={`${this.componentId}-label`}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"radio\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleRadioChange}\n          class={this.hasImage() ? 'visually-hidden' : ''}\n        />\n        <span class={this.hideLabel ? 'visually-hidden' : ''}>\n          {this.label}\n        </span>\n      </label>,\n      this.helperMessage && (\n        <div\n          key={`${this.componentId}-helper`}\n          class={'pds-radio__message'}\n          id={messageId(this.componentId, 'helper')}\n        >\n          {this.helperMessage}\n        </div>\n      ),\n      this.errorMessage && (\n        <div\n          key={`${this.componentId}-error`}\n          class={`pds-radio__message pds-radio__message--error`}\n          id={messageId(this.componentId, 'error')}\n          aria-live=\"assertive\"\n        >\n          <pds-icon icon={danger} size=\"small\" />\n          {this.errorMessage}\n        </div>\n      )\n    ];\n\n    return (\n      <Host class={this.classNames()}>\n        {this.hasImage() && (\n          <div class=\"pds-radio__image-container\" part=\"image-container\">\n            <slot name=\"image\" onSlotchange={() => (this._hasImage = this.hasImageSlot())} />\n          </div>\n        )}\n        {this.hasImage() ? (\n          <div class=\"pds-radio__content-wrapper\">\n            {renderLabelAndMessages()}\n          </div>\n        ) : (\n          renderLabelAndMessages()\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-radio/stories/pds-radio.stories.js

@@ -1,8 +1,8 @@
 import { html } from 'lit';
-import { extractArgTypes } from '@pxtrn/storybook-addon-docs-stencil';
-import { withActions } from '@storybook/addon-actions/decorator';
+
 
 export default {
+
   args: {
     checked: false,
     disabled: false,
@@ -11,15 +11,9 @@ export default {
     hideLabel: false,
     required: false,
   },
-  argTypes: extractArgTypes('pds-radio'),
   component: 'pds-radio',
-  decorators: [withActions],
-  parameters: {
-    actions: {
-      handles: ['onchange', 'pdsRadioChange'],
-    },
-  },
-  title: 'components/Radio',
+  parameters: {},
+  title: 'components/Radio Group/Radio',
 }
 
 const BaseTemplate = (args) =>
@@ -33,7 +27,6 @@ const BaseTemplate = (args) =>
     helper-message=${args.helperMessage}
     ?hide-label=${args.hideLabel}
     name=${args.name}
-    ?indeterminate=${args.indeterminate}
     ?required=${args.required}
     value=${args.value}
     ?invalid=${args.invalid}

package/dist/collection/components/pds-radio-group/pds-radio-group.css

@@ -0,0 +1,43 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pine-dimension-sm);
+}
+
+:host(.is-invalid) .pds-radio-group__message--error {
+  color: var(--pine-color-text-message-danger);
+}
+
+.pds-radio-group__label {
+  color: var(--pine-color-text-label);
+  font: var(--pine-typography-heading-6);
+  font-weight: var(--pine-font-weight-medium);
+  letter-spacing: var(--pine-letter-spacing-heading-6);
+}
+
+.pds-radio-group__radios {
+  display: flex;
+  gap: var(--pds-radio-group-gap, var(--pine-dimension-xs));
+}
+
+.pds-radio-group__radios--row {
+  align-items: flex-start;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.pds-radio-group__radios--column {
+  flex-direction: column;
+}
+
+.pds-radio-group__message {
+  color: var(--pine-color-text-message);
+  font: var(--pine-typography-body);
+  width: 100%;
+}
+
+.pds-radio-group__message--error {
+  align-items: center;
+  display: flex;
+  gap: var(--pine-dimension-2xs);
+}