@jsekulowicz/ds-components 0.22.0 → 0.23.1

package/custom-elements.json

@@ -5147,7 +5147,7 @@
         {
           "kind": "variable",
           "name": "searchableSelectStyles",
-          "default": "css` .trigger { flex-wrap: wrap; } .trigger:focus-within { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } .trigger.open { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } .search-input { flex: 1; border: none; outline: none; background: transparent; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); min-width: 0; cursor: pointer; } :host([size='sm']) .search-input { font-size: var(--ds-font-size-xs); } :host([size='lg']) .search-input { font-size: var(--ds-font-size-md); } .search-input::placeholder { color: var(--ds-color-fg-muted); } .trigger.open .search-input { cursor: text; } :host([loading]) .trigger { cursor: default; pointer-events: none; } .spinner { width: 1.2rem; height: 1.2rem; margin-left: var(--ds-space-2); color: var(--ds-color-fg-muted); flex-shrink: 0; animation: spin 0.75s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .trigger.open .caret { transform: rotate(180deg); } .empty { margin: 0; padding: var(--ds-space-3); font-size: var(--ds-font-size-sm); color: var(--ds-color-fg-muted); text-align: center; } mark.match { background: none; color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } `"
+          "default": "css` .trigger { flex-wrap: wrap; } .trigger:focus-within { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } .trigger.open { border-color: var(--ds-color-accent); box-shadow: var(--ds-shadow-focus); } .search-input { flex: 1; border: none; outline: none; background: transparent; color: var(--ds-color-fg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); min-width: 0; cursor: pointer; /* Show a long selected value truncated rather than hard-clipped; the input still scrolls normally while focused and typing. */ text-overflow: ellipsis; } :host([size='sm']) .search-input { font-size: var(--ds-font-size-xs); } :host([size='lg']) .search-input { font-size: var(--ds-font-size-md); } .search-input::placeholder { color: var(--ds-color-fg-muted); } .trigger.open .search-input { cursor: text; } :host([loading]) .trigger { cursor: default; pointer-events: none; } .spinner { width: 1.2rem; height: 1.2rem; margin-left: var(--ds-space-2); color: var(--ds-color-fg-muted); flex-shrink: 0; animation: spin 0.75s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .trigger.open .caret { transform: rotate(180deg); } .empty { margin: 0; padding: var(--ds-space-3); font-size: var(--ds-font-size-sm); color: var(--ds-color-fg-muted); text-align: center; } mark.match { background: none; color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } `"
         }
       ],
       "exports": [
@@ -6458,7 +6458,7 @@
         {
           "kind": "variable",
           "name": "selectCommonStyles",
-          "default": "css` :host { --ds-select-size: var(--ds-size-md); display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } :host([size='sm']) { --ds-select-size: var(--ds-size-sm); } :host([size='lg']) { --ds-select-size: var(--ds-size-lg); } :host([size='sm']) .trigger { font-size: var(--ds-font-size-xs); } :host([size='lg']) .trigger { font-size: var(--ds-font-size-md); } .control-wrap { position: relative; width: 100%; } .trigger { display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-select-size); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-select-size); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* Default in-flow positioning is the fallback for browsers that don't support the Popover API. When the API is available the listbox is shown via showPopover() and JS sets inline position/top/left/min-width — see DsSelect.#positionListbox. That escapes any overflow:hidden / overflow:auto ancestor (dialogs, scroll containers) by placing the listbox in the browser's top layer. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); /* Thin, subtle scrollbar with a transparent track (matching the shell's main content) instead of the wide, bright default that painted over the listbox's rounded corners. No scrollbar-gutter: the dropdown shouldn't reserve a permanent track when it doesn't overflow. */ scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } /* Reset the UA defaults that the popover spec applies to shown popovers (inset:0, margin:auto, padding:0.25em). The inline coords from #positionListbox are viewport-relative (from getBoundingClientRect), so the shown listbox must stay position:fixed — the base .listbox rule above sets position:absolute as the no-popover fallback, which would otherwise win over the UA stylesheet's fixed and anchor the menu to the document instead of the viewport (menu jumps off-screen once scrolled). */ .listbox[popover]:popover-open { position: fixed; inset: unset; margin: 0; padding: 0; } `"
+          "default": "css` :host { --ds-select-size: var(--ds-size-md); display: inline-flex; flex-direction: column; gap: var(--ds-space-1); width: 100%; } :host([size='sm']) { --ds-select-size: var(--ds-size-sm); } :host([size='lg']) { --ds-select-size: var(--ds-size-lg); } :host([size='sm']) .trigger { font-size: var(--ds-font-size-xs); } :host([size='lg']) .trigger { font-size: var(--ds-font-size-md); } .control-wrap { position: relative; width: 100%; } .trigger { /* The popover listbox positions itself against this via CSS anchor positioning (scoped to this shadow root, so instances don't clash). */ anchor-name: --ds-select-trigger; display: flex; align-items: center; gap: var(--ds-space-2); width: 100%; height: var(--ds-select-size); padding: 0 var(--ds-space-3); background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); transition: border-color var(--ds-duration-fast) var(--ds-easing-standard), box-shadow var(--ds-duration-fast) var(--ds-easing-standard); } .trigger:hover { border-color: var(--ds-color-fg-subtle); } :host([invalid]) .trigger { border-color: var(--ds-color-danger); background: var(--ds-color-danger-subtle); } :host([invalid]) .trigger:is(:focus-visible, :focus-within) { box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3); } :host([disabled]) .trigger { opacity: 0.5; background: var(--ds-color-bg-subtle); cursor: not-allowed; pointer-events: none; } .trigger-multiple { height: auto; min-height: var(--ds-select-size); padding: 6px var(--ds-space-3); flex-wrap: wrap; align-items: center; gap: var(--ds-space-2); overflow: visible; } .tiles { display: flex; flex-wrap: wrap; gap: var(--ds-space-1); min-width: 0; } .tile { display: inline-flex; align-items: center; gap: var(--ds-space-1); /* Grow with the label up to the full row width, then the label ellipsizes — rather than hard-capping every tile to a narrow width and wasting the rest of the row. */ max-width: 100%; height: 24px; padding: 0 var(--ds-space-1) 0 var(--ds-space-2); background: var(--ds-color-bg-subtle); border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-xs); color: var(--ds-color-fg); font-size: var(--ds-font-size-xs); white-space: nowrap; } .tile-focused { border-color: var(--ds-color-accent); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent); } .tile-overflow { padding: 0 var(--ds-space-2); background: var(--ds-color-accent-subtle); border-color: var(--ds-color-accent); color: var(--ds-color-accent); font-weight: var(--ds-font-weight-medium); } .tile-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .tile-remove, .clear-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: none; color: var(--ds-color-fg-muted); cursor: pointer; border-radius: var(--ds-radius-xs); flex-shrink: 0; } .tile-remove { width: 14px; height: 14px; } .tile-remove:hover { color: var(--ds-color-fg); background: var(--ds-color-border); } .tile-remove svg { width: 10px; height: 10px; } .leading { display: inline-flex; align-items: center; color: var(--ds-color-fg-muted); flex-shrink: 0; } .leading[hidden] { display: none; } .clear-btn { width: 1.2rem; height: 1.2rem; } .clear-btn:hover { color: var(--ds-color-fg); } .clear-btn:focus-visible { box-shadow: var(--ds-shadow-focus); } .clear-btn svg { width: 1rem; height: 1rem; } .caret { width: 1.2rem; height: 1.2rem; color: var(--ds-color-fg-muted); pointer-events: none; flex-shrink: 0; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .listbox { /* In-flow fallback for browsers without the Popover API. When the API is available the listbox is shown via showPopover() (top layer, so it escapes any overflow:hidden / scroll ancestor) and positioned with CSS anchor positioning — see .listbox[popover]:popover-open below. */ position: absolute; inset: calc(100% + var(--ds-space-1)) 0 auto; z-index: 100; max-height: 240px; overflow-y: auto; background: var(--ds-color-bg); border: 1px solid var(--ds-color-border-strong); border-radius: var(--ds-radius-sm); box-shadow: var(--ds-shadow-md); /* Thin, subtle scrollbar with a transparent track (matching the shell's main content) instead of the wide, bright default that painted over the listbox's rounded corners. No scrollbar-gutter: the dropdown shouldn't reserve a permanent track when it doesn't overflow. */ scrollbar-color: var(--ds-color-fg-subtle) transparent; scrollbar-width: thin; } /* Shown in the top layer: position it under the trigger with CSS anchor positioning — matching the trigger's width (so long options wrap rather than widening the menu) and flipping above when there's no room below. The browser keeps it glued to the trigger on scroll, so no JS. */ .listbox[popover]:popover-open { position: fixed; position-anchor: --ds-select-trigger; inset: auto; top: calc(anchor(bottom) + var(--ds-space-1)); left: anchor(left); width: anchor-size(width); margin: 0; padding: 0; position-try-fallbacks: flip-block; } `"
         }
       ],
       "exports": [
@@ -6922,14 +6922,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_triggerEl",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_tilesEl",
@@ -6938,20 +6930,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "#reposition",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#listenersInstalled",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "#dropdown",
@@ -7020,36 +6998,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "#positionListbox",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#installPopoverListeners",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#teardownPopoverListeners",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "#selectOption",
@@ -9789,7 +9737,7 @@
         {
           "kind": "variable",
           "name": "tooltipStyles",
-          "default": "css` :host { display: inline-flex; position: relative; } :host([full-width]) { display: flex; width: 100%; } .anchor { position: relative; display: inline-flex; } :host([full-width]) .anchor { display: flex; width: 100%; } .tooltip { /* Override UA popover defaults so JS-set top/left/transform stay authoritative. */ position: fixed; inset: auto; margin: 0; border: none; width: max-content; height: auto; overflow: visible; z-index: var(--ds-z-index-tooltip, 999); background: var(--ds-color-fg); color: var(--ds-color-bg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-xs); line-height: 1.4; padding: var(--ds-space-1) var(--ds-space-3); border-radius: var(--ds-radius-xs); max-width: 16rem; pointer-events: none; } `"
+          "default": "css` :host { display: inline-flex; position: relative; } :host([full-width]) { display: flex; width: 100%; } .anchor { position: relative; display: inline-flex; /* The popover bubble positions itself against this via CSS anchor positioning (scoped to this shadow root, so instances don't clash). */ anchor-name: --ds-tooltip-anchor; } :host([full-width]) .anchor { display: flex; width: 100%; } .tooltip { /* Shown in the Popover API top layer (escapes ancestor overflow) and positioned entirely in CSS via anchor positioning — the browser keeps it glued to the trigger on scroll, no JS. Default placement: above, centered; flips to the opposite side when there's no room, and slides to the available side near a left/right edge. */ position: fixed; position-anchor: --ds-tooltip-anchor; position-area: top; position-try-fallbacks: flip-block, --ds-tooltip-top-start, --ds-tooltip-top-end; margin: var(--ds-space-1); inset: auto; border: none; width: max-content; height: auto; overflow: visible; z-index: var(--ds-z-index-tooltip, 999); background: var(--ds-color-fg); color: var(--ds-color-bg); font-family: var(--ds-font-body); font-size: var(--ds-font-size-xs); line-height: 1.4; padding: var(--ds-space-1) var(--ds-space-3); border-radius: var(--ds-radius-xs); max-width: 16rem; pointer-events: none; } :host([placement='bottom']) .tooltip { position-area: bottom; position-try-fallbacks: flip-block, --ds-tooltip-bottom-start, --ds-tooltip-bottom-end; } :host([placement='left']) .tooltip { position-area: left; position-try-fallbacks: flip-inline; } :host([placement='right']) .tooltip { position-area: right; position-try-fallbacks: flip-inline; } /* Near a left/right edge, keep the side placement but slide the bubble toward the available side instead of overflowing. */ @position-try --ds-tooltip-top-start { position-area: top span-right; } @position-try --ds-tooltip-top-end { position-area: top span-left; } @position-try --ds-tooltip-bottom-start { position-area: bottom span-right; } @position-try --ds-tooltip-bottom-end { position-area: bottom span-left; } `"
         }
       ],
       "exports": [
@@ -9817,7 +9765,7 @@
               "name": "anchor"
             },
             {
-              "description": "The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.",
+              "description": "The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.",
               "name": "tooltip"
             }
           ],
@@ -9960,11 +9908,6 @@
               "kind": "field",
               "name": "#hide",
               "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#updatePosition",
-              "privacy": "private"
             }
           ],
           "attributes": [

package/dist/atoms/searchable-select/searchable-select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-select.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/searchable-select/searchable-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAiElC,CAAC"}
+{"version":3,"file":"searchable-select.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/searchable-select/searchable-select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAoElC,CAAC"}

package/dist/atoms/searchable-select/searchable-select.styles.js

@@ -21,6 +21,9 @@ export const searchableSelectStyles = css `
     font-size: var(--ds-font-size-sm);
     min-width: 0;
     cursor: pointer;
+    /* Show a long selected value truncated rather than hard-clipped; the
+       input still scrolls normally while focused and typing. */
+    text-overflow: ellipsis;
   }
   :host([size='sm']) .search-input {
     font-size: var(--ds-font-size-xs);

package/dist/atoms/searchable-select/searchable-select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-select.styles.js","sourceRoot":"","sources":["../../../src/atoms/searchable-select/searchable-select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiExC,CAAC"}
+{"version":3,"file":"searchable-select.styles.js","sourceRoot":"","sources":["../../../src/atoms/searchable-select/searchable-select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoExC,CAAC"}

package/dist/atoms/select/select.common-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA0L9B,CAAC"}
+{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAgM9B,CAAC"}

package/dist/atoms/select/select.common-styles.js

@@ -24,6 +24,9 @@ export const selectCommonStyles = css `
     width: 100%;
   }
   .trigger {
+    /* The popover listbox positions itself against this via CSS anchor
+       positioning (scoped to this shadow root, so instances don't clash). */
+    anchor-name: --ds-select-trigger;
     display: flex;
     align-items: center;
     gap: var(--ds-space-2);
@@ -71,6 +74,10 @@ export const selectCommonStyles = css `
     display: inline-flex;
     align-items: center;
     gap: var(--ds-space-1);
+    /* Grow with the label up to the full row width, then the label
+       ellipsizes — rather than hard-capping every tile to a narrow width
+       and wasting the rest of the row. */
+    max-width: 100%;
     height: 24px;
     padding: 0 var(--ds-space-1) 0 var(--ds-space-2);
     background: var(--ds-color-bg-subtle);
@@ -92,7 +99,7 @@ export const selectCommonStyles = css `
     font-weight: var(--ds-font-weight-medium);
   }
   .tile-label {
-    max-width: 120px;
+    min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
   }
@@ -148,13 +155,10 @@ export const selectCommonStyles = css `
     transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
   }
   .listbox {
-    /* Default in-flow positioning is the fallback for browsers that
-       don't support the Popover API. When the API is available the
-       listbox is shown via showPopover() and JS sets inline
-       position/top/left/min-width — see DsSelect.#positionListbox.
-       That escapes any overflow:hidden / overflow:auto ancestor
-       (dialogs, scroll containers) by placing the listbox in the
-       browser's top layer. */
+    /* In-flow fallback for browsers without the Popover API. When the API is
+       available the listbox is shown via showPopover() (top layer, so it
+       escapes any overflow:hidden / scroll ancestor) and positioned with CSS
+       anchor positioning — see .listbox[popover]:popover-open below. */
     position: absolute;
     inset: calc(100% + var(--ds-space-1)) 0 auto;
     z-index: 100;
@@ -172,18 +176,20 @@ export const selectCommonStyles = css `
     scrollbar-width: thin;
   }
 
-  /* Reset the UA defaults that the popover spec applies to shown
-     popovers (inset:0, margin:auto, padding:0.25em). The inline coords
-     from #positionListbox are viewport-relative (from getBoundingClientRect),
-     so the shown listbox must stay position:fixed — the base .listbox rule
-     above sets position:absolute as the no-popover fallback, which would
-     otherwise win over the UA stylesheet's fixed and anchor the menu to the
-     document instead of the viewport (menu jumps off-screen once scrolled). */
+  /* Shown in the top layer: position it under the trigger with CSS anchor
+     positioning — matching the trigger's width (so long options wrap rather
+     than widening the menu) and flipping above when there's no room below.
+     The browser keeps it glued to the trigger on scroll, so no JS. */
   .listbox[popover]:popover-open {
     position: fixed;
-    inset: unset;
+    position-anchor: --ds-select-trigger;
+    inset: auto;
+    top: calc(anchor(bottom) + var(--ds-space-1));
+    left: anchor(left);
+    width: anchor-size(width);
     margin: 0;
     padding: 0;
+    position-try-fallbacks: flip-block;
   }
 `;
 //# sourceMappingURL=select.common-styles.js.map

package/dist/atoms/select/select.common-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LpC,CAAC"}
+{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMpC,CAAC"}

package/dist/atoms/select/select.d.ts

@@ -37,7 +37,6 @@ export declare class DsSelect extends DsSelect_base {
     values: string[];
     maxLines?: number;
     private _listboxEl?;
-    private _triggerEl?;
     private _tilesEl?;
     get _open(): boolean;
     get _focusedIndex(): number;

package/dist/atoms/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AASnE,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,IAAI,EAAE,UAAU,CAAQ;IACzC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACjC,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAqBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IAsE5B,iBAAiB,IAAI,IAAI;IA6FzB,MAAM,IAAI,cAAc;CAyElC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1F,OAAO,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AASnE,OAAO,mBAAmB,CAAC;AAM3B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,aAA2B;;IACvD,OAAgB,MAAM,4BAA4E;IAClG,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEyB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC3B,IAAI,EAAE,UAAU,CAAQ;IACzC,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,KAAK,SAAM;IACqB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IACnC,MAAM,EAAE,MAAM,EAAE,CAAM;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,UAAU,CAAC,CAAc;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAkBhD,IAAI,KAAK,IAAI,OAAO,CAAgC;IACpD,IAAI,aAAa,IAAI,MAAM,CAAwC;IACnE,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAA0C;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAA4C;IAC3E,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAA8C;IACjF,IAAI,UAAU,IAAI,MAAM,CAAqC;IAC7D,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAAuC;IACnE,IAAI,WAAW,IAAI,OAAO,CAAsC;IAChE,IAAI,cAAc,IAAI,MAAM,CAAyC;IACrE,IAAI,oBAAoB,IAAI,OAAO,CAA+C;IAClF,IAAI,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAiD;IAE/E,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAatC,oBAAoB,IAAI,IAAI;IAiB5B,iBAAiB,IAAI,IAAI;IA6FzB,MAAM,IAAI,cAAc;CAyElC"}

package/dist/atoms/select/select.js

@@ -38,8 +38,6 @@ export class DsSelect extends FormControlMixin(DsElement) {
         this.multiple = false;
         this.clearable = false;
         this.values = [];
-        this.#reposition = () => this.#positionListbox();
-        this.#listenersInstalled = false;
         this.#dropdown = new DropdownController(this, {
             getOptions: () => this.options,
             getCurrentValue: () => (typeof this.value === 'string' ? this.value : ''),
@@ -143,8 +141,6 @@ export class DsSelect extends FormControlMixin(DsElement) {
         ...LitElement.shadowRootOptions,
         delegatesFocus: true,
     }; }
-    #reposition;
-    #listenersInstalled;
     #dropdown;
     /* test-facing forwarders to controller state */
     get _open() { return this.#dropdown.open; }
@@ -171,74 +167,22 @@ export class DsSelect extends FormControlMixin(DsElement) {
         this.#syncListboxPopover();
     }
     disconnectedCallback() {
-        this.#teardownPopoverListeners();
         super.disconnectedCallback();
         this.#dropdown.close();
     }
-    // The listbox uses `popover="manual"` so the browser hoists it to the
-    // top layer when shown, escaping any `overflow: hidden` / `overflow:
-    // auto` ancestor (dialogs, scroll containers). Top-layer elements
-    // don't get cross-browser anchor positioning yet, so we set
-    // `position: fixed` from the trigger's bounding rect and re-position
-    // on scroll/resize while open.
+    // The listbox uses `popover="manual"` so the browser hoists it to the top
+    // layer when shown, escaping any `overflow: hidden` / `overflow: auto`
+    // ancestor (dialogs, scroll containers). It's positioned entirely in CSS
+    // via anchor positioning (see select.common-styles), which keeps it glued
+    // to the trigger on scroll without any JS.
     #syncListboxPopover() {
         const listbox = this._listboxEl;
-        if (!listbox || !this.#dropdown.open) {
-            this.#teardownPopoverListeners();
+        if (!listbox || !this.#dropdown.open)
             return;
-        }
         if (typeof listbox.showPopover !== 'function')
             return;
         if (!listbox.matches(':popover-open'))
             listbox.showPopover();
-        this.#positionListbox();
-        this.#installPopoverListeners();
-    }
-    #positionListbox() {
-        const trigger = this._triggerEl;
-        const listbox = this._listboxEl;
-        if (!trigger || !listbox)
-            return;
-        const rect = trigger.getBoundingClientRect();
-        const gap = 4;
-        const margin = 8;
-        const vw = window.innerWidth;
-        // Match the trigger's width (capped to the viewport) rather than growing
-        // to the widest option — so a long option wraps onto multiple lines (see
-        // select-option styles) and the menu never extends past the trigger or
-        // off the side of a narrow viewport.
-        const width = Math.min(rect.width, Math.max(0, vw - margin * 2));
-        listbox.style.width = `${width}px`;
-        const viewport = window.innerHeight;
-        const naturalHeight = Math.min(listbox.scrollHeight, 240);
-        const openUp = viewport - rect.bottom - gap < naturalHeight && rect.top > viewport - rect.bottom;
-        // Clamp the left edge so the right side stays on-screen even when the
-        // trigger sits near the viewport edge.
-        listbox.style.left = `${Math.min(Math.max(margin, rect.left), Math.max(margin, vw - margin - width))}px`;
-        if (openUp) {
-            listbox.style.top = '';
-            listbox.style.bottom = `${viewport - rect.top + gap}px`;
-        }
-        else {
-            listbox.style.bottom = '';
-            listbox.style.top = `${rect.bottom + gap}px`;
-        }
-    }
-    #installPopoverListeners() {
-        if (this.#listenersInstalled)
-            return;
-        // Capture mode so scroll on any ancestor (dialog body, page-shell
-        // main, etc.) keeps the menu glued to the trigger, not just window.
-        window.addEventListener('scroll', this.#reposition, { capture: true, passive: true });
-        window.addEventListener('resize', this.#reposition);
-        this.#listenersInstalled = true;
-    }
-    #teardownPopoverListeners() {
-        if (!this.#listenersInstalled)
-            return;
-        window.removeEventListener('scroll', this.#reposition, { capture: true });
-        window.removeEventListener('resize', this.#reposition);
-        this.#listenersInstalled = false;
     }
     connectedCallback() {
         super.connectedCallback();
@@ -353,9 +297,6 @@ __decorate([
 __decorate([
     query('.listbox')
 ], DsSelect.prototype, "_listboxEl", void 0);
-__decorate([
-    query('#trigger')
-], DsSelect.prototype, "_triggerEl", void 0);
 __decorate([
     query('.tiles')
 ], DsSelect.prototype, "_tilesEl", void 0);

package/dist/atoms/select/select.js.map

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

package/dist/atoms/tooltip/tooltip.d.ts

@@ -7,7 +7,7 @@ export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
  * @slot default - The trigger element that the tooltip is anchored to.
  * @slot tip - The tooltip content (can be any HTML).
  * @csspart anchor - The wrapper around the trigger element.
- * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.
  */
 export declare class DsTooltip extends DsElement {
     #private;

package/dist/atoms/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAanE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAC+B,SAAS,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAsHvC,MAAM,IAAI,cAAc;CAiBlC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAWnE;;;;;;;GAOG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAEjC,SAAS,EAAE,gBAAgB,CAAS;IACrB,IAAI,UAAS;IACH,SAAS,UAAS;IAC5C,KAAK,SAAK;IAC+B,SAAS,UAAS;IAE9E,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,WAAW,CAAC,CAAS;IAEpB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAgFvC,MAAM,IAAI,cAAc;CAiBlC"}

package/dist/atoms/tooltip/tooltip.js

@@ -8,7 +8,6 @@ import { html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { DsElement } from '@jsekulowicz/ds-core';
 import { tooltipStyles } from './tooltip.styles.js';
-const GAP = 6;
 function isPopoverElement(el) {
     return !!el && typeof el.showPopover === 'function';
 }
@@ -18,7 +17,7 @@ function isPopoverElement(el) {
  * @slot default - The trigger element that the tooltip is anchored to.
  * @slot tip - The tooltip content (can be any HTML).
  * @csspart anchor - The wrapper around the trigger element.
- * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned via JS using getBoundingClientRect of the trigger.
+ * @csspart tooltip - The tooltip bubble. Rendered in the Popover API top layer so it escapes ancestor overflow; positioned with CSS anchor positioning relative to the trigger.
  */
 export class DsTooltip extends DsElement {
     constructor() {
@@ -76,7 +75,6 @@ export class DsTooltip extends DsElement {
                     // ignore — possibly unsupported
                 }
             }
-            this.#updatePosition();
         };
         this.#hide = () => {
             const tooltip = this.#tooltipEl();
@@ -90,42 +88,6 @@ export class DsTooltip extends DsElement {
                 // ignore
             }
         };
-        this.#updatePosition = () => {
-            const tooltip = this.#tooltipEl();
-            if (!tooltip) {
-                return;
-            }
-            const anchorRect = this.shadowRoot?.querySelector('.anchor')?.getBoundingClientRect();
-            const rect = anchorRect ?? this.getBoundingClientRect();
-            let top = 0;
-            let left = 0;
-            let transform = '';
-            switch (this.placement) {
-                case 'top':
-                    top = rect.top - GAP;
-                    left = rect.left + rect.width / 2;
-                    transform = 'translate(-50%, -100%)';
-                    break;
-                case 'right':
-                    top = rect.top + rect.height / 2;
-                    left = rect.right + GAP;
-                    transform = 'translateY(-50%)';
-                    break;
-                case 'bottom':
-                    top = rect.bottom + GAP;
-                    left = rect.left + rect.width / 2;
-                    transform = 'translateX(-50%)';
-                    break;
-                case 'left':
-                    top = rect.top + rect.height / 2;
-                    left = rect.left - GAP;
-                    transform = 'translate(-100%, -50%)';
-                    break;
-            }
-            tooltip.style.top = `${top}px`;
-            tooltip.style.left = `${left}px`;
-            tooltip.style.transform = transform;
-        };
     }
     static { this.styles = [...DsElement.styles, tooltipStyles]; }
     disconnectedCallback() {
@@ -155,7 +117,6 @@ export class DsTooltip extends DsElement {
     }
     #show;
     #hide;
-    #updatePosition;
     render() {
         return html `
       <div

package/dist/atoms/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD,MAAM,GAAG,GAAG,CAAC,CAAC;AAOd,SAAS,gBAAgB,CAAC,EAAkB;IAC1C,OAAO,CAAC,CAAC,EAAE,IAAI,OAAQ,EAA8B,CAAC,WAAW,KAAK,UAAU,CAAC;AACnF,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IAAxC;;QAG+B,cAAS,GAAqB,KAAK,CAAC;QACrB,SAAI,GAAG,KAAK,CAAC;QACH,cAAS,GAAG,KAAK,CAAC;QAC5C,UAAK,GAAG,CAAC,CAAC;QAC+B,cAAS,GAAG,KAAK,CAAC;QAEtE,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QAsBlC,qBAAgB,GAAG,GAAS,EAAE;YAC5B,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;gBACnC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACtC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAS,EAAE;YACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBACxC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAS,EAAE;YACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC;QAEF,eAAU,GAAG,GAAS,EAAE;YACtB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;QAEF,gBAAW,GAAG,GAAS,EAAE;YACvB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC;QAOF,UAAK,GAAG,GAAS,EAAE;YACjB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;gBACtC,IAAI,CAAC;oBACH,OAAO,CAAC,WAAW,EAAE,CAAC;gBACxB,CAAC;gBAAC,MAAM,CAAC;oBACP,gCAAgC;gBAClC,CAAC;YACH,CAAC;YACD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,UAAK,GAAG,GAAS,EAAE;YACjB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;gBAClD,OAAO;YACT,CAAC;YACD,IAAI,CAAC;gBACH,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,CAAC;YAAC,MAAM,CAAC;gBACP,SAAS;YACX,CAAC;QACH,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAS,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YACD,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC;YACtF,MAAM,IAAI,GAAG,UAAU,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YACxD,IAAI,GAAG,GAAG,CAAC,CAAC;YACZ,IAAI,IAAI,GAAG,CAAC,CAAC;YACb,IAAI,SAAS,GAAG,EAAE,CAAC;YACnB,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;gBACvB,KAAK,KAAK;oBACR,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;oBACrB,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;oBAClC,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,OAAO;oBACV,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;oBACjC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;oBACxB,SAAS,GAAG,kBAAkB,CAAC;oBAC/B,MAAM;gBACR,KAAK,QAAQ;oBACX,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;oBACxB,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;oBAClC,SAAS,GAAG,kBAAkB,CAAC;oBAC/B,MAAM;gBACR,KAAK,MAAM;oBACT,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;oBACjC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;oBACvB,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;YACV,CAAC;YACD,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;YAC/B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;QACtC,CAAC,CAAC;IAmBJ,CAAC;aA1JiB,WAAM,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,AAAvC,CAAwC;IAarD,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAEQ,OAAO,CAAC,QAAwB;QACvC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1E,CAAC;IAED,gBAAgB,CAKd;IAEF,aAAa,CASX;IAEF,aAAa,CAGX;IAEF,UAAU,CAKR;IAEF,WAAW,CAKT;IAEF,UAAU;QACR,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC;QAC9D,OAAO,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,KAAK,CAaH;IAEF,KAAK,CAUH;IAEF,eAAe,CAmCb;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;sBAIO,IAAI,CAAC,aAAa;sBAClB,IAAI,CAAC,aAAa;mBACrB,IAAI,CAAC,UAAU;oBACd,IAAI,CAAC,WAAW;;;;;;;KAO/B,CAAC;IACJ,CAAC;;AAvJ4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAqC;AACrB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAc;AACH;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;4CAAmB;AAC5C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAW;AAC+B;IAApE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;4CAAmB;AAEtE;IAAhB,KAAK,EAAE;2CAA0B;AACjB;IAAhB,KAAK,EAAE;2CAA0B"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.ts"],"names":[],"mappings":"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"}

package/dist/atoms/tooltip/tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAqCzB,CAAC"}
+{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA0EzB,CAAC"}

package/dist/atoms/tooltip/tooltip.styles.js

@@ -11,16 +11,26 @@ export const tooltipStyles = css `
   .anchor {
     position: relative;
     display: inline-flex;
+    /* The popover bubble positions itself against this via CSS anchor
+       positioning (scoped to this shadow root, so instances don't clash). */
+    anchor-name: --ds-tooltip-anchor;
   }
   :host([full-width]) .anchor {
     display: flex;
     width: 100%;
   }
   .tooltip {
-    /* Override UA popover defaults so JS-set top/left/transform stay authoritative. */
+    /* Shown in the Popover API top layer (escapes ancestor overflow) and
+       positioned entirely in CSS via anchor positioning — the browser keeps
+       it glued to the trigger on scroll, no JS. Default placement: above,
+       centered; flips to the opposite side when there's no room, and slides
+       to the available side near a left/right edge. */
     position: fixed;
+    position-anchor: --ds-tooltip-anchor;
+    position-area: top;
+    position-try-fallbacks: flip-block, --ds-tooltip-top-start, --ds-tooltip-top-end;
+    margin: var(--ds-space-1);
     inset: auto;
-    margin: 0;
     border: none;
     width: max-content;
     height: auto;
@@ -36,5 +46,32 @@ export const tooltipStyles = css `
     max-width: 16rem;
     pointer-events: none;
   }
+  :host([placement='bottom']) .tooltip {
+    position-area: bottom;
+    position-try-fallbacks: flip-block, --ds-tooltip-bottom-start, --ds-tooltip-bottom-end;
+  }
+  :host([placement='left']) .tooltip {
+    position-area: left;
+    position-try-fallbacks: flip-inline;
+  }
+  :host([placement='right']) .tooltip {
+    position-area: right;
+    position-try-fallbacks: flip-inline;
+  }
+
+  /* Near a left/right edge, keep the side placement but slide the bubble
+     toward the available side instead of overflowing. */
+  @position-try --ds-tooltip-top-start {
+    position-area: top span-right;
+  }
+  @position-try --ds-tooltip-top-end {
+    position-area: top span-left;
+  }
+  @position-try --ds-tooltip-bottom-start {
+    position-area: bottom span-right;
+  }
+  @position-try --ds-tooltip-bottom-end {
+    position-area: bottom span-left;
+  }
 `;
 //# sourceMappingURL=tooltip.styles.js.map

package/dist/atoms/tooltip/tooltip.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC/B,CAAC"}
+{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../src/atoms/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.22.0",
+  "version": "0.23.1",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {