@brightspot/ui 1.4.1 → 1.5.0

package/dist/tailwind-plugin-tooltip.js

@@ -0,0 +1,184 @@
+import plugin from 'tailwindcss/plugin';
+/**
+ * Tooltip plugin using CSS anchor positioning and the native Popover API.
+ *
+ * Uses the HTML popover attribute for top-layer rendering. Animations use
+ * @starting-style for entry and transition-behavior: allow-discrete for exit.
+ *
+ * Class Names:
+ *
+ *  btu-tooltip            - Base tooltip styles (hidden by default via popover)
+ *  btu-tooltip-top        - Position above trigger (default)
+ *  btu-tooltip-bottom     - Position below trigger
+ *  btu-tooltip-left       - Position left of trigger
+ *  btu-tooltip-right      - Position right of trigger
+ *  btu-tooltip-no-arrow   - Hide the arrow pseudo-element
+ *
+ * Offset Sizes:
+ *
+ *  btu-tooltip-offset-sm  - 4px offset
+ *  btu-tooltip-offset-md  - 8px offset (same as default)
+ *  btu-tooltip-offset-lg  - 12px offset
+ *  btu-tooltip-offset-xl  - 16px offset
+ *
+ * CSS Custom Properties:
+ *
+ *  --tooltip-color-background  - Background color (default: var(--btu-theme-white, #fff))
+ *  --tooltip-color-text        - Text color (default: oklch(var(--btu-theme-gray-900)))
+ *  --tooltip-border-radius     - Border radius (default: theme borderRadius.lg)
+ */
+module.exports = plugin(function ({ addComponents, theme, config }) {
+    addComponents({
+        // Base tooltip styles — exit state (applied when closing, before display:none)
+        '.btu-tooltip': {
+            // Structural custom properties — kept as declarations since they're
+            // controlled by component props, not external CSS on parent elements.
+            '--tooltip-offset': '8px',
+            '--tooltip-arrow-size': '8px',
+            padding: '8px 12px',
+            backgroundColor: 'var(--tooltip-color-background, var(--btu-theme-white, #fff))',
+            color: `var(--tooltip-color-text, oklch(var(--btu-theme-gray-900)))`,
+            borderRadius: `var(--tooltip-border-radius, ${theme('borderRadius.lg')})`,
+            boxShadow: theme('boxShadow.lg'),
+            // theme('fontSize.xs') returns only the size string; config() gives the raw tuple
+            fontSize: config('theme.fontSize.xs')?.[0] ?? '0.75rem',
+            lineHeight: config('theme.fontSize.xs')?.[1] ?? '1.125rem',
+            fontWeight: '500',
+            whiteSpace: 'nowrap',
+            textAlign: 'left',
+            pointerEvents: 'none',
+            overflow: 'visible',
+            isolation: 'isolate',
+            margin: '0',
+            inset: 'unset',
+            border: 'none',
+            opacity: '0',
+            translate: '0 0',
+            transition: 'opacity 150ms ease, translate 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
+            'position-visibility': 'anchors-visible',
+            // Native popover reset — browser defaults override otherwise
+            '&:popover-open': {
+                overflow: 'visible',
+                opacity: '1',
+                translate: '0 0',
+            },
+        },
+        // Position: top (default)
+        // Gap via inset `bottom`; margin-top drives the arrow flip via `margin: inherit`
+        '.btu-tooltip-top': {
+            'position-area': 'top',
+            bottom: 'var(--tooltip-offset)',
+            marginTop: 'var(--tooltip-offset)',
+            'position-try-fallbacks': 'flip-block',
+            translate: '0 4px',
+            '&:popover-open': {
+                translate: '0 0',
+            },
+        },
+        // Position: bottom
+        // Gap via inset `top`; margin-bottom drives the arrow flip
+        '.btu-tooltip-bottom': {
+            'position-area': 'bottom',
+            top: 'var(--tooltip-offset)',
+            marginBottom: 'var(--tooltip-offset)',
+            'position-try-fallbacks': 'flip-block',
+            translate: '0 -4px',
+            '&:popover-open': {
+                translate: '0 0',
+            },
+        },
+        // Position: left
+        // Gap via inset `right`; margin-left drives the arrow flip
+        '.btu-tooltip-left': {
+            'position-area': 'left',
+            right: 'var(--tooltip-offset)',
+            marginLeft: 'var(--tooltip-offset)',
+            'position-try-fallbacks': 'flip-inline',
+            translate: '4px 0',
+            '&:popover-open': {
+                translate: '0 0',
+            },
+        },
+        // Position: right
+        // Gap via inset `left`; margin-right drives the arrow flip
+        '.btu-tooltip-right': {
+            'position-area': 'right',
+            left: 'var(--tooltip-offset)',
+            marginRight: 'var(--tooltip-offset)',
+            'position-try-fallbacks': 'flip-inline',
+            translate: '-4px 0',
+            '&:popover-open': {
+                translate: '0 0',
+            },
+        },
+        // Offset sizes
+        '.btu-tooltip-offset-sm': { '--tooltip-offset': '4px' },
+        '.btu-tooltip-offset-md': { '--tooltip-offset': '8px' },
+        '.btu-tooltip-offset-lg': { '--tooltip-offset': '12px' },
+        '.btu-tooltip-offset-xl': { '--tooltip-offset': '16px' },
+        // @starting-style for entry animations
+        '@starting-style': {
+            '.btu-tooltip:popover-open': {
+                opacity: '0',
+            },
+            '.btu-tooltip-top:popover-open': {
+                translate: '0 4px',
+            },
+            '.btu-tooltip-bottom:popover-open': {
+                translate: '0 -4px',
+            },
+            '.btu-tooltip-left:popover-open': {
+                translate: '4px 0',
+            },
+            '.btu-tooltip-right:popover-open': {
+                translate: '-4px 0',
+            },
+        },
+        // Arrow for vertical tooltips (top/bottom).
+        // Extends beyond both tooltip edges via negative inset. A hexagonal
+        // clip-path creates arrow tips on both ends; margin: inherit auto-flips
+        // the visible tip when position-try-fallbacks: flip-block activates.
+        // See: https://frontendmasters.com/blog/perfectly-pointed-tooltips-a-foundation/
+        // Arrow for vertical tooltips (top/bottom).
+        // Centered at 50% of the tooltip panel. This aligns with the trigger center
+        // because position-area centers the tooltip on the anchor element.
+        '.btu-tooltip-top::before, .btu-tooltip-bottom::before': {
+            content: '""',
+            position: 'absolute',
+            zIndex: '-1',
+            width: 'var(--tooltip-arrow-size)',
+            top: 'calc(-1 * var(--tooltip-offset))',
+            bottom: 'calc(-1 * var(--tooltip-offset))',
+            left: 'calc(50% - var(--tooltip-arrow-size) / 2)',
+            clipPath: 'polygon(50% calc(var(--tooltip-offset) - var(--tooltip-arrow-size)), 100% var(--tooltip-offset), 100% calc(100% - var(--tooltip-offset)), 50% calc(100% - var(--tooltip-offset) + var(--tooltip-arrow-size)), 0 calc(100% - var(--tooltip-offset)), 0 var(--tooltip-offset))',
+            background: 'inherit',
+            margin: 'inherit',
+        },
+        // Arrow for horizontal tooltips (left/right).
+        // Same technique rotated 90° for flip-inline.
+        '.btu-tooltip-left::before, .btu-tooltip-right::before': {
+            content: '""',
+            position: 'absolute',
+            zIndex: '-1',
+            height: 'var(--tooltip-arrow-size)',
+            left: 'calc(-1 * var(--tooltip-offset))',
+            right: 'calc(-1 * var(--tooltip-offset))',
+            top: 'calc(50% - var(--tooltip-arrow-size) / 2)',
+            clipPath: 'polygon(calc(var(--tooltip-offset) - var(--tooltip-arrow-size)) 50%, var(--tooltip-offset) 0, calc(100% - var(--tooltip-offset)) 0, calc(100% - var(--tooltip-offset) + var(--tooltip-arrow-size)) 50%, calc(100% - var(--tooltip-offset)) 100%, var(--tooltip-offset) 100%)',
+            background: 'inherit',
+            margin: 'inherit',
+        },
+        // Hide arrow when opted out
+        '.btu-tooltip-no-arrow::before': {
+            content: 'none',
+        },
+        // Reduced motion: disable translate animation, keep opacity fade
+        '@media (prefers-reduced-motion: reduce)': {
+            '.btu-tooltip': {
+                translate: 'none !important',
+                transition: 'opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
+            },
+        },
+    });
+});
+//# sourceMappingURL=tailwind-plugin-tooltip.js.map

package/dist/tailwind-plugin-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin-tooltip.js","sourceRoot":"","sources":["../src/tailwind-plugin-tooltip.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-tooltip.ts

@@ -0,0 +1,209 @@
+import plugin from 'tailwindcss/plugin'
+declare let module: any
+
+/**
+ * Tooltip plugin using CSS anchor positioning and the native Popover API.
+ *
+ * Uses the HTML popover attribute for top-layer rendering. Animations use
+ * @starting-style for entry and transition-behavior: allow-discrete for exit.
+ *
+ * Class Names:
+ *
+ *  btu-tooltip            - Base tooltip styles (hidden by default via popover)
+ *  btu-tooltip-top        - Position above trigger (default)
+ *  btu-tooltip-bottom     - Position below trigger
+ *  btu-tooltip-left       - Position left of trigger
+ *  btu-tooltip-right      - Position right of trigger
+ *  btu-tooltip-no-arrow   - Hide the arrow pseudo-element
+ *
+ * Offset Sizes:
+ *
+ *  btu-tooltip-offset-sm  - 4px offset
+ *  btu-tooltip-offset-md  - 8px offset (same as default)
+ *  btu-tooltip-offset-lg  - 12px offset
+ *  btu-tooltip-offset-xl  - 16px offset
+ *
+ * CSS Custom Properties:
+ *
+ *  --tooltip-color-background  - Background color (default: var(--btu-theme-white, #fff))
+ *  --tooltip-color-text        - Text color (default: oklch(var(--btu-theme-gray-900)))
+ *  --tooltip-border-radius     - Border radius (default: theme borderRadius.lg)
+ */
+
+module.exports = plugin(function ({ addComponents, theme, config }) {
+  addComponents({
+    // Base tooltip styles — exit state (applied when closing, before display:none)
+    '.btu-tooltip': {
+      // Structural custom properties — kept as declarations since they're
+      // controlled by component props, not external CSS on parent elements.
+      '--tooltip-offset': '8px',
+      '--tooltip-arrow-size': '8px',
+
+      padding: '8px 12px',
+
+      backgroundColor: 'var(--tooltip-color-background, var(--btu-theme-white, #fff))',
+      color: `var(--tooltip-color-text, oklch(var(--btu-theme-gray-900)))`,
+      borderRadius: `var(--tooltip-border-radius, ${theme('borderRadius.lg')})`,
+      boxShadow: theme('boxShadow.lg'),
+
+      // theme('fontSize.xs') returns only the size string; config() gives the raw tuple
+      fontSize: config('theme.fontSize.xs')?.[0] ?? '0.75rem',
+      lineHeight: config('theme.fontSize.xs')?.[1] ?? '1.125rem',
+      fontWeight: '500',
+      whiteSpace: 'nowrap',
+      textAlign: 'left',
+
+      pointerEvents: 'none',
+      overflow: 'visible',
+      isolation: 'isolate',
+      margin: '0',
+      inset: 'unset',
+      border: 'none',
+      opacity: '0',
+      translate: '0 0',
+      transition:
+        'opacity 150ms ease, translate 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
+
+      'position-visibility': 'anchors-visible',
+
+      // Native popover reset — browser defaults override otherwise
+      '&:popover-open': {
+        overflow: 'visible',
+        opacity: '1',
+        translate: '0 0',
+      },
+    },
+
+    // Position: top (default)
+    // Gap via inset `bottom`; margin-top drives the arrow flip via `margin: inherit`
+    '.btu-tooltip-top': {
+      'position-area': 'top',
+      bottom: 'var(--tooltip-offset)',
+      marginTop: 'var(--tooltip-offset)',
+      'position-try-fallbacks': 'flip-block',
+      translate: '0 4px',
+
+      '&:popover-open': {
+        translate: '0 0',
+      },
+    },
+
+    // Position: bottom
+    // Gap via inset `top`; margin-bottom drives the arrow flip
+    '.btu-tooltip-bottom': {
+      'position-area': 'bottom',
+      top: 'var(--tooltip-offset)',
+      marginBottom: 'var(--tooltip-offset)',
+      'position-try-fallbacks': 'flip-block',
+      translate: '0 -4px',
+
+      '&:popover-open': {
+        translate: '0 0',
+      },
+    },
+
+    // Position: left
+    // Gap via inset `right`; margin-left drives the arrow flip
+    '.btu-tooltip-left': {
+      'position-area': 'left',
+      right: 'var(--tooltip-offset)',
+      marginLeft: 'var(--tooltip-offset)',
+      'position-try-fallbacks': 'flip-inline',
+      translate: '4px 0',
+
+      '&:popover-open': {
+        translate: '0 0',
+      },
+    },
+
+    // Position: right
+    // Gap via inset `left`; margin-right drives the arrow flip
+    '.btu-tooltip-right': {
+      'position-area': 'right',
+      left: 'var(--tooltip-offset)',
+      marginRight: 'var(--tooltip-offset)',
+      'position-try-fallbacks': 'flip-inline',
+      translate: '-4px 0',
+
+      '&:popover-open': {
+        translate: '0 0',
+      },
+    },
+
+    // Offset sizes
+    '.btu-tooltip-offset-sm': { '--tooltip-offset': '4px' },
+    '.btu-tooltip-offset-md': { '--tooltip-offset': '8px' },
+    '.btu-tooltip-offset-lg': { '--tooltip-offset': '12px' },
+    '.btu-tooltip-offset-xl': { '--tooltip-offset': '16px' },
+
+    // @starting-style for entry animations
+    '@starting-style': {
+      '.btu-tooltip:popover-open': {
+        opacity: '0',
+      },
+      '.btu-tooltip-top:popover-open': {
+        translate: '0 4px',
+      },
+      '.btu-tooltip-bottom:popover-open': {
+        translate: '0 -4px',
+      },
+      '.btu-tooltip-left:popover-open': {
+        translate: '4px 0',
+      },
+      '.btu-tooltip-right:popover-open': {
+        translate: '-4px 0',
+      },
+    },
+
+    // Arrow for vertical tooltips (top/bottom).
+    // Extends beyond both tooltip edges via negative inset. A hexagonal
+    // clip-path creates arrow tips on both ends; margin: inherit auto-flips
+    // the visible tip when position-try-fallbacks: flip-block activates.
+    // See: https://frontendmasters.com/blog/perfectly-pointed-tooltips-a-foundation/
+    // Arrow for vertical tooltips (top/bottom).
+    // Centered at 50% of the tooltip panel. This aligns with the trigger center
+    // because position-area centers the tooltip on the anchor element.
+    '.btu-tooltip-top::before, .btu-tooltip-bottom::before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: '-1',
+      width: 'var(--tooltip-arrow-size)',
+      top: 'calc(-1 * var(--tooltip-offset))',
+      bottom: 'calc(-1 * var(--tooltip-offset))',
+      left: 'calc(50% - var(--tooltip-arrow-size) / 2)',
+      clipPath:
+        'polygon(50% calc(var(--tooltip-offset) - var(--tooltip-arrow-size)), 100% var(--tooltip-offset), 100% calc(100% - var(--tooltip-offset)), 50% calc(100% - var(--tooltip-offset) + var(--tooltip-arrow-size)), 0 calc(100% - var(--tooltip-offset)), 0 var(--tooltip-offset))',
+      background: 'inherit',
+      margin: 'inherit',
+    },
+
+    // Arrow for horizontal tooltips (left/right).
+    // Same technique rotated 90° for flip-inline.
+    '.btu-tooltip-left::before, .btu-tooltip-right::before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: '-1',
+      height: 'var(--tooltip-arrow-size)',
+      left: 'calc(-1 * var(--tooltip-offset))',
+      right: 'calc(-1 * var(--tooltip-offset))',
+      top: 'calc(50% - var(--tooltip-arrow-size) / 2)',
+      clipPath:
+        'polygon(calc(var(--tooltip-offset) - var(--tooltip-arrow-size)) 50%, var(--tooltip-offset) 0, calc(100% - var(--tooltip-offset)) 0, calc(100% - var(--tooltip-offset) + var(--tooltip-arrow-size)) 50%, calc(100% - var(--tooltip-offset)) 100%, var(--tooltip-offset) 100%)',
+      background: 'inherit',
+      margin: 'inherit',
+    },
+
+    // Hide arrow when opted out
+    '.btu-tooltip-no-arrow::before': {
+      content: 'none',
+    },
+
+    // Reduced motion: disable translate animation, keep opacity fade
+    '@media (prefers-reduced-motion: reduce)': {
+      '.btu-tooltip': {
+        translate: 'none !important',
+        transition: 'opacity 150ms ease, display 150ms ease allow-discrete, overlay 150ms ease allow-discrete',
+      },
+    },
+  })
+})

package/dist/util/EventEmitterMixin.d.ts

@@ -29,6 +29,17 @@ export interface CustomEventMap {
     'btu-icon-ready': CustomEvent<unknown>;
     'btu-progress-ready': CustomEvent<unknown>;
     'btu-progress-complete': CustomEvent<unknown>;
+    'btu-popover-show': CustomEvent<unknown>;
+    'btu-popover-hide': CustomEvent<unknown>;
+    'btu-tooltip-show': CustomEvent<unknown>;
+    'btu-tooltip-hide': CustomEvent<unknown>;
+    'btu-widget-ready': CustomEvent<unknown>;
+    'btu-widget-collapse-changed': CustomEvent<{
+        collapsed: boolean;
+    }>;
+    'btu-widget-fullscreen-changed': CustomEvent<{
+        fullscreen: boolean;
+    }>;
 }
 interface CombinedEventMap extends HTMLElementEventMap, CustomEventMap {
 }

package/dist/util/EventEmitterMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,yBAAyB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,wBAAwB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IACpE,wBAAwB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9C,2BAA2B,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACvC,sBAAsB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5C,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,oBAAoB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC1C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9C;AAED,UAAU,gBAAiB,SAAQ,mBAAmB,EAAE,cAAc;CAAG;AAEzE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtG,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;IACP,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI;CACR;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqD/C,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAA"}
+{"version":3,"file":"EventEmitterMixin.d.ts","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;AACxD,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,0BAA0B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChD,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IAClD,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,yBAAyB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,wBAAwB,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAA;IACpE,wBAAwB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9C,2BAA2B,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5D,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACvC,sBAAsB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5C,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,oBAAoB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC1C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7C,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,6BAA6B,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IAClE,+BAA+B,EAAE,WAAW,CAAC;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;CACtE;AAED,UAAU,gBAAiB,SAAQ,mBAAmB,EAAE,cAAc;CAAG;AAEzE;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,0BAA0B;IAC7C,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACtG,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/C,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;IACP,mBAAmB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAClD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC9D,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI;CACR;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,KAqD/C,WAAW,CAAC,0BAA0B,CAAC,GAAG,CAC5E,CAAA"}

package/dist/util/EventEmitterMixin.js

@@ -57,7 +57,7 @@ export const EventEmitterMixin = (superClass) => {
          *
          * @example
          * ```typescript
-         * this.emit('btu-widget-toggle', { collapsed: true })
+         * this.emit('btu-widget-collapse-changed', { collapsed: true })
          * ```
          */
         emit(type, detail) {

package/dist/util/EventEmitterMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AA8ChC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACpF,MAAM,sBAAuB,SAAQ,UAAU;QAC7C;;;;WAIG;QACH,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,CACnD,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,oBAAoB;YAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QACvC,CAAC;QAED;;;;;;;;;;;;;;;;WAgBG;QACH,IAAI,CAAiC,IAAO,EAAE,MAA6C;YACzF,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM;aACP,CAAC,CACH,CAAA;QACH,CAAC;KACF;IACD,OAAO,sBAAqE,CAAA;AAC9E,CAAC,CAAA"}
+{"version":3,"file":"EventEmitterMixin.js","sourceRoot":"","sources":["../../src/util/EventEmitterMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAqDhC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAoC,UAAa,EAAE,EAAE;IACpF,MAAM,sBAAuB,SAAQ,UAAU;QAC7C;;;;WAIG;QACH,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAA;YACzB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,EAC5C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,CAAC,CACnD,CAAA;QACH,CAAC;QAED;;;;WAIG;QACH,oBAAoB;YAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAA;QACvC,CAAC;QAED;;;;;;;;;;;;;;;;WAgBG;QACH,IAAI,CAAiC,IAAO,EAAE,MAA6C;YACzF,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM;aACP,CAAC,CACH,CAAA;QACH,CAAC;KACF;IACD,OAAO,sBAAqE,CAAA;AAC9E,CAAC,CAAA"}

package/dist/util/TooltipController.d.ts

@@ -0,0 +1,37 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface TooltipControllerOptions {
+    /** CSS selector to find the target element within the host */
+    target: string;
+    /** Function returning the tooltip text (re-evaluated each render) */
+    text: () => string;
+    /** Position relative to target (default: 'top') */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** Hide the arrow (default: false) */
+    noArrow?: boolean;
+    /** Offset size (default: null) */
+    offset?: 'sm' | 'md' | 'lg' | 'xl' | null;
+    /** Show delay in ms for hover (default: 300) */
+    delay?: number;
+}
+/**
+ * Reactive Controller that attaches tooltips to sub-elements within a LitElement.
+ * Reuses the same CSS classes, Popover API, and CSS anchor positioning as TooltipMixin.
+ */
+export declare class TooltipController implements ReactiveController {
+    private _host;
+    private _options;
+    private _tooltipEl;
+    private _targetEl;
+    private _anchorName;
+    private _showTimer;
+    private _ac;
+    constructor(host: ReactiveControllerHost & HTMLElement, options: TooltipControllerOptions);
+    hostUpdated(): void;
+    hostDisconnected(): void;
+    private _attach;
+    private _detach;
+    private _show;
+    private _hide;
+    private _clearShowTimer;
+}
+//# sourceMappingURL=TooltipController.d.ts.map

package/dist/util/TooltipController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipController.d.ts","sourceRoot":"","sources":["../../src/util/TooltipController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAA;AAErE,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,MAAM,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,IAAI,EAAE,MAAM,MAAM,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzC,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiBD;;;GAGG;AACH,qBAAa,iBAAkB,YAAW,kBAAkB;IAC1D,OAAO,CAAC,KAAK,CAAsC;IACnD,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAAyC;IAC5D,OAAO,CAAC,UAAU,CAA6C;IAC/D,OAAO,CAAC,GAAG,CAA+B;gBAE9B,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAAE,OAAO,EAAE,wBAAwB;IAMzF,WAAW,IAAI,IAAI;IAmBnB,gBAAgB,IAAI,IAAI;IAIxB,OAAO,CAAC,OAAO;IA4Cf,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,eAAe;CAMxB"}

package/dist/util/TooltipController.js

@@ -0,0 +1,133 @@
+// Tailwind content scanning requires complete class names (no template literals).
+const POSITION_CLASSES = {
+    top: 'btu-tooltip-top',
+    bottom: 'btu-tooltip-bottom',
+    left: 'btu-tooltip-left',
+    right: 'btu-tooltip-right',
+};
+const OFFSET_CLASSES = {
+    sm: 'btu-tooltip-offset-sm',
+    md: 'btu-tooltip-offset-md',
+    lg: 'btu-tooltip-offset-lg',
+    xl: 'btu-tooltip-offset-xl',
+};
+/**
+ * Reactive Controller that attaches tooltips to sub-elements within a LitElement.
+ * Reuses the same CSS classes, Popover API, and CSS anchor positioning as TooltipMixin.
+ */
+export class TooltipController {
+    constructor(host, options) {
+        this._tooltipEl = null;
+        this._targetEl = null;
+        this._anchorName = `--btu-trigger-${crypto.randomUUID()}`;
+        this._showTimer = null;
+        this._ac = null;
+        this._host = host;
+        this._options = options;
+        host.addController(this);
+    }
+    hostUpdated() {
+        const target = this._host.querySelector(this._options.target);
+        if (target && target !== this._targetEl) {
+            this._detach();
+            this._targetEl = target;
+            this._attach();
+        }
+        else if (!target && this._targetEl) {
+            this._detach();
+        }
+        if (this._tooltipEl) {
+            const text = this._options.text();
+            if (this._tooltipEl.textContent !== text) {
+                this._tooltipEl.textContent = text;
+            }
+        }
+    }
+    hostDisconnected() {
+        this._detach();
+    }
+    _attach() {
+        if (!this._targetEl)
+            return;
+        const { position = 'top', offset, noArrow, text, delay = 300 } = this._options;
+        const classes = ['btu-tooltip', POSITION_CLASSES[position]];
+        if (offset)
+            classes.push(OFFSET_CLASSES[offset]);
+        if (noArrow)
+            classes.push('btu-tooltip-no-arrow');
+        const el = document.createElement('div');
+        el.className = classes.join(' ');
+        el.setAttribute('role', 'tooltip');
+        el.setAttribute('data-tooltip-internal', '');
+        el.setAttribute('popover', 'manual');
+        el.style.setProperty('position-anchor', this._anchorName);
+        el.textContent = text();
+        this._tooltipEl = el;
+        this._targetEl.style.setProperty('anchor-name', this._anchorName);
+        this._host.appendChild(el);
+        const ac = new AbortController();
+        this._ac = ac;
+        const o = { signal: ac.signal };
+        this._targetEl.addEventListener('mouseenter', () => {
+            this._clearShowTimer();
+            this._showTimer = setTimeout(() => this._show(), delay);
+        }, o);
+        this._targetEl.addEventListener('mouseleave', () => this._hide(), o);
+        this._targetEl.addEventListener('focusin', () => this._show(), o);
+        this._targetEl.addEventListener('focusout', () => this._hide(), o);
+        this._targetEl.addEventListener('click', () => this._hide(), o);
+        document.addEventListener('keydown', e => {
+            if (e.key === 'Escape')
+                this._hide();
+        }, o);
+    }
+    _detach() {
+        this._clearShowTimer();
+        this._ac?.abort();
+        this._ac = null;
+        if (this._targetEl) {
+            ;
+            this._targetEl.style.removeProperty('anchor-name');
+            this._targetEl = null;
+        }
+        if (this._tooltipEl) {
+            try {
+                this._tooltipEl.hidePopover();
+            }
+            catch {
+                /* already hidden */
+            }
+            this._tooltipEl.remove();
+            this._tooltipEl = null;
+        }
+    }
+    _show() {
+        this._clearShowTimer();
+        if (!this._tooltipEl || this._tooltipEl.matches(':popover-open'))
+            return;
+        try {
+            this._tooltipEl.showPopover();
+        }
+        catch {
+            /* invalid state */
+        }
+    }
+    _hide() {
+        this._clearShowTimer();
+        if (!this._tooltipEl || !this._tooltipEl.matches(':popover-open'))
+            return;
+        try {
+            this._tooltipEl.hidePopover();
+        }
+        catch {
+            /* invalid state */
+        }
+    }
+    _clearShowTimer() {
+        if (this._showTimer !== null) {
+            clearTimeout(this._showTimer);
+            this._showTimer = null;
+        }
+    }
+}
+//# sourceMappingURL=TooltipController.js.map

package/dist/util/TooltipController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipController.js","sourceRoot":"","sources":["../../src/util/TooltipController.ts"],"names":[],"mappings":"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"}