@ecopages/radiant-ui 0.1.0-rc.7 → 0.1.0

package/dist/components/ui/toast/toast.css

@@ -1,13 +1,16 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
 rui-toaster {
-  --toast-offset-x: 16px;
-  --toast-offset-bottom: 16px;
+  --rui-toaster-width: 356px;
+  --rui-toaster-gap: 14px;
+  --rui-toaster-offset: 24px;
+  --rui-toaster-inset-x: 16px;
+  --rui-toaster-inset-bottom: 16px;
   position: fixed;
   z-index: var(--z-toast, 50);
   pointer-events: none;
   box-sizing: border-box;
-  width: var(--width, 356px);
+  width: var(--rui-toaster-width);
   margin: 0;
   padding: 0;
 }
@@ -15,20 +18,20 @@ rui-toaster[data-contained='true'] {
   position: absolute;
 }
 rui-toaster[data-y-position='top'] {
-  top: var(--viewport-offset, 24px);
+  top: var(--rui-toaster-offset, 24px);
   bottom: auto;
 }
 rui-toaster[data-y-position='bottom'] {
-  bottom: var(--viewport-offset, 24px);
+  bottom: var(--rui-toaster-offset, 24px);
   top: auto;
 }
 rui-toaster[data-x-position='end'] {
-  right: var(--viewport-offset, 24px);
+  right: var(--rui-toaster-offset, 24px);
   left: auto;
   transform: none;
 }
 rui-toaster[data-x-position='start'] {
-  left: var(--viewport-offset, 24px);
+  left: var(--rui-toaster-offset, 24px);
   right: auto;
   transform: none;
 }
@@ -38,20 +41,20 @@ rui-toaster[data-x-position='center'] {
   transform: translateX(-50%);
 }
 rui-toast {
-  --y: translateY(0);
-  --z-index: 1;
+  --rui-toast-y: translateY(0);
+  --rui-toast-z: 1;
   position: absolute;
   left: 0;
   width: 100%;
   opacity: 0;
-  transform: var(--y);
+  transform: var(--rui-toast-y);
   touch-action: none;
   box-sizing: border-box;
   outline: none;
   overflow-wrap: anywhere;
   overflow: hidden;
   pointer-events: auto;
-  z-index: var(--z-index);
+  z-index: var(--rui-toast-z);
   transition: transform 400ms ease,
 		opacity 400ms ease,
 		height 400ms ease;
@@ -70,10 +73,10 @@ rui-toast:not([data-mounted='true']) {
   opacity: 0;
 }
 rui-toaster[data-y-position='bottom'] rui-toast:not([data-mounted='true']) {
-  --y: translateY(100%);
+  --rui-toast-y: translateY(100%);
 }
 rui-toaster[data-y-position='top'] rui-toast:not([data-mounted='true']) {
-  --y: translateY(-100%);
+  --rui-toast-y: translateY(-100%);
 }
 rui-toast[data-mounted='true'] {
   opacity: 1;
@@ -86,7 +89,7 @@ rui-toast[data-expanded='false'][data-front='false'] {
   pointer-events: none;
 }
 rui-toast[data-swiping='true'] {
-  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
+  transform: var(--rui-toast-y) translateY(var(--rui-toast-swipe-y, 0px)) translateX(var(--rui-toast-swipe-x, 0px));
   transition: none;
 }
 rui-toast[data-removed='true'][data-swipe-out='false'] {
@@ -96,10 +99,10 @@ rui-toast[data-removed='true'][data-swipe-out='false'] {
 		height 400ms ease;
 }
 rui-toaster[data-y-position='bottom'] rui-toast[data-removed='true'][data-swipe-out='false'] {
-  --y: translateY(100%);
+  --rui-toast-y: translateY(100%);
 }
 rui-toaster[data-y-position='top'] rui-toast[data-removed='true'][data-swipe-out='false'] {
-  --y: translateY(-100%);
+  --rui-toast-y: translateY(-100%);
 }
 rui-toast[data-swipe-out='true'] {
   animation-duration: 200ms;
@@ -123,7 +126,7 @@ rui-toaster[data-y-position='bottom'] rui-toast[data-expanded='true']::after {
   position: absolute;
   left: 0;
   width: 100%;
-  height: calc(var(--gap, 14px) + 1px);
+  height: calc(var(--rui-toaster-gap) + 1px);
   bottom: 100%;
 }
 rui-toaster[data-y-position='top'] rui-toast[data-expanded='true']::after {
@@ -131,7 +134,7 @@ rui-toaster[data-y-position='top'] rui-toast[data-expanded='true']::after {
   position: absolute;
   left: 0;
   width: 100%;
-  height: calc(var(--gap, 14px) + 1px);
+  height: calc(var(--rui-toaster-gap) + 1px);
   top: 100%;
 }
 @layer components {
@@ -308,62 +311,62 @@ rui-toaster[data-y-position='top'] rui-toast[data-expanded='true']::after {
 }
 @keyframes rui-toast-swipe-out-left {
   from {
-    transform: var(--y) translateX(var(--swipe-amount-x));
+    transform: var(--rui-toast-y) translateX(var(--rui-toast-swipe-x));
     opacity: 1;
   }
   to {
-    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
+    transform: var(--rui-toast-y) translateX(calc(var(--rui-toast-swipe-x) - 100%));
     opacity: 0;
   }
 }
 @keyframes rui-toast-swipe-out-right {
   from {
-    transform: var(--y) translateX(var(--swipe-amount-x));
+    transform: var(--rui-toast-y) translateX(var(--rui-toast-swipe-x));
     opacity: 1;
   }
   to {
-    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
+    transform: var(--rui-toast-y) translateX(calc(var(--rui-toast-swipe-x) + 100%));
     opacity: 0;
   }
 }
 @keyframes rui-toast-swipe-out-up {
   from {
-    transform: var(--y) translateY(var(--swipe-amount-y));
+    transform: var(--rui-toast-y) translateY(var(--rui-toast-swipe-y));
     opacity: 1;
   }
   to {
-    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
+    transform: var(--rui-toast-y) translateY(calc(var(--rui-toast-swipe-y) - 100%));
     opacity: 0;
   }
 }
 @keyframes rui-toast-swipe-out-down {
   from {
-    transform: var(--y) translateY(var(--swipe-amount-y));
+    transform: var(--rui-toast-y) translateY(var(--rui-toast-swipe-y));
     opacity: 1;
   }
   to {
-    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
+    transform: var(--rui-toast-y) translateY(calc(var(--rui-toast-swipe-y) + 100%));
     opacity: 0;
   }
 }
 @media (max-width: 600px) {
   rui-toaster {
-    left: var(--toast-offset-x);
-    right: var(--toast-offset-x);
+    left: var(--rui-toaster-inset-x);
+    right: var(--rui-toaster-inset-x);
     width: auto;
     transform: none;
   }
   rui-toaster[data-y-position='bottom'] {
-    bottom: var(--toast-offset-bottom);
+    bottom: var(--rui-toaster-inset-bottom);
   }
   rui-toaster[data-y-position='top'] {
-    top: var(--toast-offset-x);
+    top: var(--rui-toaster-inset-x);
   }
   rui-toaster[data-x-position='end'],
 	rui-toaster[data-x-position='start'],
 	rui-toaster[data-x-position='center'] {
-    left: var(--toast-offset-x);
-    right: var(--toast-offset-x);
+    left: var(--rui-toaster-inset-x);
+    right: var(--rui-toaster-inset-x);
     transform: none;
   }
 }

package/dist/components/ui/toast/toast.script.d.ts

@@ -27,51 +27,37 @@ type RuiToastBindings = {
 /**
  * `<rui-toast>` — a single transient notification in a toaster stack.
  *
- * Prefer the imperative {@link toast} API with `<rui-toaster>`; this element is
- * rendered by the toaster and is not typically authored by hand.
+ * Derived Tree: prefer the imperative {@link toast} API with `<rui-toaster>`;
+ * the toaster renders this element. The host `render()` paints the toast surface.
  *
- * The composed surface is `role="status"` (live region) with a per-variant
- * border accent. `loading` toasts never auto-dismiss.
+ * ## Light-DOM contract
  *
- * @element rui-toast
+ * Generated by `render()` (do not author manually):
+ * - `[data-ref="toast"]` — toast surface (`role="listitem"` on the host). Used for
+ *   swipe-to-dismiss hit testing.
+ * - `[data-toast-close]` — optional close button (when `close-button` is set).
+ * - `[data-toast-action]` — optional action button (when `action-label` is set).
+ *
+ * Nested hosts: none.
  *
+ * @element rui-toast
  * @attr {string} toast-id - Toast id; used for deadline bookkeeping. Default: `''`.
  * @attr {string} title - Heading text. Default: `''`.
  * @attr {string} description - Supporting detail under the title. Default: `''`.
- * @attr {('default'|'info'|'success'|'warning'|'error'|'loading')} variant -
- *   Status tone; drives the icon and border accent. Default: `default`.
+ * @attr {('default'|'info'|'success'|'warning'|'error'|'loading')} variant - Status tone. Default: `default`.
  * @attr {number} duration - Lifetime in ms before auto-dismiss. Default: `4000`.
  * @attr {boolean} dismissible - Allow close button / swipe-to-dismiss. Default: `true`.
  * @attr {boolean} close-button - Render the corner close control. Default: `false`.
  * @attr {string} action-label - Text for the optional action button. Default: `''`.
  * @attr {string} position - Placement; mirrors the toaster's position. Default: `bottom-end`.
  * @attr {boolean} marked-delete - Marks the toast for animated exit. Default: `false`.
- *
- * @fires rui-toast-mounted - Bubbles after the toast mounts and paints (enter
- *   animation / timer start); the toaster uses it to resync stack layout.
+ * @fires rui-toast-mounted - Bubbles after the toast mounts and paints; the toaster uses it to resync stack layout.
  *
  * @remarks
- * Styling lives on the composed surface — BEM classes authored here, not on a
- * JSX view. Variants map to semantic status roles (`info`, `success`, `warning`,
- * `error`) in `toast.css`.
- *
- * **Why a custom element?** The toast owns dismiss lifetime bookkeeping (pause
- * on hover / hidden tab, swipe-to-dismiss), which needs DOM state — not a
- * presentational view.
- *
- * @cssclass rui-toast - Toast surface (`role="status"`).
- * @cssclass rui-toast--info - Info tone (blue accent).
- * @cssclass rui-toast--success - Success tone (green accent).
- * @cssclass rui-toast--warning - Warning tone (amber accent).
- * @cssclass rui-toast--error - Error tone (red accent).
- * @cssclass rui-toast--loading - Loading tone (neutral accent).
- * @cssclass rui-toast__icon - Status icon wrapper.
- * @cssclass rui-toast__loader - Spinner for `loading` toasts.
- * @cssclass rui-toast__content - Title + description column.
- * @cssclass rui-toast__title - Heading.
- * @cssclass rui-toast__description - Supporting detail.
- * @cssclass rui-toast__action - Optional action button.
- * @cssclass rui-toast__close - Corner close control.
+ * Styling lives on the composed surface. Variants map to semantic status roles in
+ * `toast.css`. The toast owns dismiss lifetime bookkeeping (pause on hover /
+ * hidden tab, swipe-to-dismiss). Stack motion uses host-written `--rui-toast-y`,
+ * `--rui-toast-z`, and `--rui-toast-swipe-*` (not theming knobs).
  */
 export declare class RuiToast extends RadiantElement<RuiToastBindings> {
     toastId: string;

package/dist/components/ui/toast/toaster.script.d.ts

@@ -38,12 +38,24 @@ export type RuiToasterProps = {
 /**
  * `<rui-toaster>` — fixed viewport that renders the toast stack.
  *
- * Mount once at the app root, then drive it imperatively with {@link toast}.
- * Owns the stacking layout (collapsed peek + hover expand), visibility pause,
- * and per-position filtering of queued toasts.
+ * Derived Tree: mount once at the app root, then drive it imperatively with
+ * {@link toast}. The host `render()` paints the stack list and `rui-toast` children.
  *
- * @element rui-toaster
+ * ## Light-DOM contract
+ *
+ * Generated by `render()` (do not author manually):
+ * - `[data-ref="list"]` — `<ol>` stack list. Host queries this for layout math
+ *   (collapsed peek, hover expand, per-position filtering).
+ * - `rui-toast` — toast children mounted by the host. Host listens for
+ *   `rui-toast-mounted` on each.
+ *
+ * The host also queries `[data-ref="toast"]` inside each `rui-toast` for stack
+ * height measurement.
  *
+ * Nested hosts:
+ * - `rui-toast` — each child owns its own derived tree; see `rui-toast` CE TSDoc.
+ *
+ * @element rui-toaster
  * @attr {string} position - Corner / edge placement. Default: `bottom-end`.
  * @attr {number} duration - Default lifetime in ms. Default: `4000`.
  * @attr {number} visible-toasts - Max toasts mounted at once; older wait in queue. Default: `3`.
@@ -53,17 +65,16 @@ export type RuiToasterProps = {
  * @attr {number} offset - Viewport inset in px. Default: `24`.
  * @attr {string} container - CSS selector for a positioning root. Default: `''`.
  *
- * @fires rui-toast-show - Document-level event; the toaster listens and creates
- *   a toast from `{ title, description, variant, ... }`.
- * @fires rui-toast-dismiss - Document-level event; the toaster dismisses the
- *   matching toast (`{ id? }`).
+ * @cssprop --rui-toaster-width - Stack width. Default: `356px`. Override on `rui-toaster`.
+ * @cssprop --rui-toaster-gap - Expanded stack gap. Default: `14px`. The `gap` attribute writes this and wins.
+ * @cssprop --rui-toaster-offset - Viewport inset. Default: `24px`. The `offset` attribute writes this and wins.
+ * @cssprop --rui-toaster-inset-x - Inline inset below 600px. Default: `16px`.
+ * @cssprop --rui-toaster-inset-bottom - Bottom inset below 600px. Default: `16px`.
  *
  * @remarks
  * `container` switches the host from `position: fixed` to absolute inside a
  * matched root — used by docs canvas demos so toasts render inside the preview.
- *
- * @cssclass rui-toaster-region - Announcement region wrapper (`display: contents`).
- * @cssclass rui-toaster - The `<ol>` stack list.
+ * Document-level events: `rui-toast-show`, `rui-toast-dismiss`.
  */
 export declare class RuiToaster extends RadiantElement {
     position: ToastPosition;
@@ -74,6 +85,7 @@ export declare class RuiToaster extends RadiantElement {
     gap: number;
     offset: number;
     container: string;
+    listTarget: HTMLOListElement;
     toasts: ToastRecord[];
     private expanded;
     private interacting;
@@ -119,7 +131,7 @@ export declare class RuiToaster extends RadiantElement {
      * Natural content height for stack math.
      *
      * @remarks
-     * Uses the inner `.rui-toast` `offsetHeight` (layout size, transform-independent).
+     * Uses the inner `[data-ref="toast"]` `offsetHeight` (layout size, transform-independent).
      * Host height/overflow are temporarily cleared because collapsed behind toasts are
      * clipped to the front height — leaving that in place can under-measure in some engines.
      */

package/dist/components/ui/toc/toc.script.d.ts

@@ -18,20 +18,31 @@ type RuiTocBindings = {
     label: string;
 };
 /**
- * `<rui-toc>` — table of contents that tracks in-page headings and highlights the
- * section currently in view while scrolling.
+ * `<rui-toc>` — table of contents that tracks in-page headings while scrolling.
  *
- * @remarks
- * Resolves the nearest overflow scroll ancestor of the target (not always
- * `window`) so nested layout scrollers — e.g. docs inset content — drive
- * active-section tracking correctly.
+ * Derived Tree: the host `render()` owns the `nav` landmark and jump-link list.
+ * It scans headings in an external content root (not authored children of the host).
+ *
+ * ## Scan contract
+ *
+ * - `target` — CSS selector for the content root. Default: parent element.
+ * - `heading-selector` — selector for headings inside that root. Default: `h2,h3`.
+ *   Headings without `id` receive one before links are built.
+ *
+ * Resolves the nearest overflow scroll ancestor of the target (not always `window`)
+ * so nested layout scrollers drive active-section tracking correctly.
  *
  * @element rui-toc
- * @attr {string} target - CSS selector for the content root that contains headings. Default: the parent element.
+ * @attr {string} target - CSS selector for the content root that contains headings.
  * @attr {string} heading-selector - Selector for headings to include. Default: `h2,h3`.
  * @attr {string} label - Visible label above the link list. Default: `On this page`.
  * @attr {number} scroll-offset - Pixel offset from the viewport top when tracking the active section. Default: `120`.
- * @attr {string} navigation-events - Extra document event names (comma-separated) that trigger a rebuild, e.g. `eco:page-load,eco:after-swap`.
+ * @attr {string} navigation-events - Comma-separated document event names that trigger a rebuild.
+ *
+ * @remarks
+ * Renders nothing when no headings match. Link click updates the URL hash and
+ * scrolls the heading into view with `scroll-offset` applied.
+ *
  * @cssclass rui-toc - Root `nav` landmark.
  * @cssclass rui-toc__label - Section label above the list.
  * @cssclass rui-toc__list - Link list.

package/dist/components/ui/toolbar/toolbar.d.ts

@@ -1,4 +1,9 @@
 import type { JsxCustomElementAttributes } from '@ecopages/jsx';
 import type { RuiToolbar as RuiToolbarElement, RuiToolbarProps } from './toolbar.script';
 import './toolbar.script';
+/**
+ * Toolbar landmark wrapper. Stamps `[role="toolbar"]` with `data-ref="root"`.
+ *
+ * @cssclass rui-toolbar - Toolbar surface (`role="toolbar"`).
+ */
 export declare function RuiToolbar({ children, label, ...props }: JsxCustomElementAttributes<RuiToolbarElement, RuiToolbarProps>): import("@ecopages/jsx").JsxRenderable;

package/dist/components/ui/toolbar/toolbar.script.d.ts

@@ -5,16 +5,36 @@ export type RuiToolbarProps = {
     exclusiveToggles?: boolean;
 };
 /**
- * `<rui-toolbar>` — a container for grouping controls.
+ * `<rui-toolbar>` — horizontal control group with roving keyboard navigation.
  *
- * Implements the APG Toolbar pattern with left/right arrow navigation among
- * focusable descendants.
+ * The custom element is a behavior host: it does not render toolbar chrome. Import
+ * the script and place focusable controls as light-DOM descendants, or use
+ * `RuiToolbar`, which stamps `[role="toolbar"]`.
+ *
+ * ## Light-DOM contract
+ *
+ * Required:
+ * - Focusable descendants — `button`, `a[href]`, `input`, `select`, `textarea`, or
+ *   `[tabindex]`. Host sets roving `tabIndex` among non-`disabled` matches.
+ *
+ * Optional:
+ * - `button[data-toggle][aria-pressed]` — toggle button. Host toggles `aria-pressed`
+ *   on click (capture phase, before child handlers). With `exclusive-toggles`, only
+ *   one pressed toggle stays active.
+ *
+ * Author `disabled` on controls to exclude them from roving focus. Author initial
+ * `aria-pressed` on toggles; the host owns updates after click.
+ *
+ * Nested hosts: none.
  *
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/
  * @element rui-toolbar
  * @attr {string} label - Accessible name for the `role="toolbar"` region.
  * @attr {boolean} exclusive-toggles - Only one toggle button stays pressed at a time. Default: `false`.
- * @cssclass rui-toolbar - Toolbar surface (`role="toolbar"`).
+ *
+ * @remarks
+ * The view stamps `[role="toolbar"]` with `data-ref="root"`. Arrow keys navigate
+ * among focusable descendants anywhere under `<rui-toolbar>`.
  */
 export declare class RuiToolbar extends RadiantElement {
     label: string;

package/dist/components/ui/tooltip/index.js

@@ -1,2 +1,2 @@
-import{jsx as B,jsxs as Vt}from"@ecopages/jsx/jsx-runtime";import{RadiantElement as _t,bound as Et,customElement as Ht,onEvent as G,onUpdated as Kt,prop as X,query as Bt}from"@ecopages/radiant";var St="a[href], button, input, select, textarea, [tabindex]";function Ct(t){return!t.hasAttribute("disabled")&&t.getAttribute("tabindex")!=="-1"}function jt(t){return Array.from(t.querySelectorAll(St)).filter(Ct)}function at(t){return jt(t)[0]}var It={top:"bottom",bottom:"top",left:"right",right:"left"},Lt=8;function Pt(t){let e=t.indexOf("-");if(e===-1)return{side:t,align:"center"};let i=t.slice(0,e),s=t.slice(e+1);return{side:i,align:s==="start"||s==="end"?s:"center"}}function ut(t){return t==="top"||t==="bottom"?"y":"x"}function lt(t,e,i,s,n){let{width:r,height:a}=e,o=0,p=0;switch(i){case"top":p=t.top-a-n;break;case"bottom":p=t.bottom+n;break;case"left":o=t.left-r-n;break;case"right":o=t.right+n;break}return ut(i)==="y"?s==="start"?o=t.left:s==="end"?o=t.right-r:o=t.left+(t.width-r)/2:s==="start"?p=t.top:s==="end"?p=t.bottom-a:p=t.top+(t.height-a)/2,{x:o,y:p}}function Dt(t,e,i,s){let{padding:n,width:r,height:a}=s;return i==="top"?Math.max(0,n-t.y):i==="bottom"?Math.max(0,t.y+e.height-(a-n)):i==="left"?Math.max(0,n-t.x):Math.max(0,t.x+e.width-(r-n))}function ct(t,e,i,s){let{padding:n,width:r,height:a}=s;return i==="top"?t.top-n-e.height:i==="bottom"?a-n-e.height-t.bottom:i==="left"?t.left-n-e.width:r-n-e.width-t.right}function Rt(t,e){return e==="center"?t:`${t}-${e}`}function Mt(t,e,i,s){let{padding:n,width:r,height:a}=s;if(ut(i)==="y"){let p=Math.max(n,r-n-e.width);return{x:Math.min(Math.max(t.x,n),p),y:t.y}}let o=Math.max(n,a-n-e.height);return{x:t.x,y:Math.min(Math.max(t.y,n),o)}}function kt(t,e,i,s,n={width:typeof window>"u"?0:window.innerWidth,height:typeof window>"u"?0:window.innerHeight,padding:Lt}){let{side:r,align:a}=Pt(i),o=lt(t,e,r,a,s),p=Dt(o,e,r,n),_=r,E=o;if(p>0){let F=It[r],A=lt(t,e,F,a,s),I=ct(t,e,r,n);ct(t,e,F,n)>I&&(_=F,E=A)}return{coords:Mt(E,e,_,n),placement:Rt(_,a)}}function K(t,e,i,s,n={}){let{coords:r,placement:a}=kt(t.getBoundingClientRect(),{width:e.offsetWidth,height:e.offsetHeight},i,s);return Object.assign(e.style,{position:"fixed",left:`${r.x}px`,top:`${r.y}px`,right:"auto",bottom:"auto",visibility:"visible"}),n.matchAnchorWidth&&(e.style.width=`${t.offsetWidth}px`),e.setAttribute("data-placement",a),a}function dt({anchor:t,floating:e,getPlacement:i,gap:s,matchAnchorWidth:n}){let r=()=>{e.hidden||K(t,e,i(),s,{matchAnchorWidth:n})};r(),window.addEventListener("resize",r),window.addEventListener("scroll",r,!0);let a=new ResizeObserver(r);return a.observe(t),a.observe(e),()=>{window.removeEventListener("resize",r),window.removeEventListener("scroll",r,!0),a.disconnect()}}var ht,pt,ft,mt,gt,bt,yt,wt,vt,Tt;function $t(t,e,i,s,n,r){var a,o,p,_,E,F,A,I=Symbol.metadata||Symbol.for("Symbol.metadata"),k=Object.defineProperty,$=Object.create,J=[$(null),$(null)],Q=e.length;function L(l,b,m){return function(c,u){b&&(u=c,c=t);for(var y=0;y<l.length;y++)u=l[y].apply(c,m?[u]:[]);return m?u:c}}function T(l,b,m,c){if(typeof l!="function"&&(c||l!==void 0))throw new TypeError(b+" must "+(m||"be")+" a function"+(c?"":" or undefined"));return l}function Z(l,b,m,c,u,y,O,g,w,v,N){function q(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var W=[].concat(b[0]),tt=b[3],U=!O,C=u===1,et=u===3,it=u===4,P=u===2;function D(h,S,ot){return function(M,st){return S&&(st=M,M=l),ot&&ot(M),d[h].call(M,st)}}if(!U){var d={},V=[],x=et?"get":it||C?"set":"value";if(w?(v||C?d={get:xt(function(){return tt(this)},c,"get"),set:function(h){b[4](this,h)}}:d[x]=tt,v||xt(d[x],c,P?"":x)):v||(d=Object.getOwnPropertyDescriptor(l,c)),!v&&!w){if((o=J[+g][c])&&(o^u)!==7)throw Error("Decorating two elements with the same name ("+d[x].name+") is not supported yet");J[+g][c]=u<3?1:u}}for(var f=l,R=W.length-1;R>=0;R-=m?2:1){var nt=T(W[R],"A decorator","be",!0),rt=m?W[R-1]:void 0,H={},j={kind:["field","accessor","method","getter","setter","class"][u],name:c,metadata:a,addInitializer:function(h,S){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");T(S,"An initializer","be",!0),y.push(S)}.bind(null,H)};if(U)o=nt.call(rt,f,j),H.v=1,T(o,"class decorators","return")&&(f=o);else if(j.static=g,j.private=w,o=j.access={has:w?N.bind():function(h){return c in h}},it||(o.get=w?P?function(h){return q(h),d.value}:D("get",0,q):function(h){return h[c]}),P||et||(o.set=w?D("set",0,q):function(h,S){h[c]=S}),f=nt.call(rt,C?{get:d.get,set:d.set}:d[x],j),H.v=1,C){if(typeof f=="object"&&f)(o=T(f.get,"accessor.get"))&&(d.get=o),(o=T(f.set,"accessor.set"))&&(d.set=o),(o=T(f.init,"accessor.init"))&&V.unshift(o);else if(f!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else T(f,(v?"field":"method")+" decorators","return")&&(v?V.unshift(f):d[x]=f)}return u<2&&O.push(L(V,g,1),L(y,g,0)),v||U||(w?C?O.splice(-1,0,D("get",g),D("set",g)):O.push(P?d[x]:T.call.bind(d[x])):k(l,c,d)),f}function z(l){return k(l,I,{configurable:!0,enumerable:!0,value:a})}return r!==void 0&&(a=r[I]),a=$(a??null),E=[],F=function(l){l&&E.push(L(l))},A=function(l,b){for(var m=0;m<i.length;m++){var c=i[m],u=c[1],y=7&u;if((8&u)==l&&!y==b){var O=c[2],g=!!c[3],w=16&u;Z(l?t:t.prototype,c,w,g?"#"+O:qt(O),y,y<2?[]:l?_=_||[]:p=p||[],E,!!l,g,b,l&&g?function(v){return Ut(v)===t}:n)}}},A(8,0),A(0,0),A(8,1),A(0,1),F(p),F(_),o=E,Q||z(t),{e:o,get c(){var l=[];return Q&&[z(t=Z(t,[e],s,t.name,5,l)),L(l,1)]}}}function qt(t){var e=Wt(t,"string");return typeof e=="symbol"?e:e+""}function Wt(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var s=i.call(t,e||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function xt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function Ut(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var Ft=8,Ot,At=class extends _t{static{({e:[ft,mt,gt,bt,yt,wt,vt,Tt,ht],c:[Ot,pt]}=$t(this,[Ht("rui-tooltip")],[[X({type:String,defaultValue:""}),0,"content"],[X({type:String,defaultValue:"top"}),0,"placement"],[X({type:Number,defaultValue:200}),0,"delay"],[Bt({ref:"tooltip"}),0,"tooltipTarget"],[Kt(["content","placement"]),2,"onDescribedPropsUpdated"],[G({document:!0,type:"keydown"}),2,"onDocumentKeydown"],[G({type:"focusin",selector:".rui-tooltip__trigger"}),2,"onFocusIn"],[G({type:"focusout",selector:".rui-tooltip__trigger"}),2,"onFocusOut"],[Et,2,"onPointerEnter"],[Et,2,"onPointerLeave"]],0,void 0,_t))}content=(ht(this),ft(this));placement=(mt(this),gt(this));delay=(bt(this),yt(this));tooltipTarget=(wt(this),vt(this));open=(Tt(this),!1);showTimer=null;hideTimer=null;tooltipId=`rui-tooltip-${Math.random().toString(36).slice(2,9)}`;describedEl=null;cleanupFloating=null;connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this.onPointerEnter),this.addEventListener("pointerleave",this.onPointerLeave),queueMicrotask(()=>this.wireTrigger())}disconnectedCallback(){this.clearTimers(),this.teardownFloating(),this.removeEventListener("pointerenter",this.onPointerEnter),this.removeEventListener("pointerleave",this.onPointerLeave),this.describedEl?.removeAttribute("aria-describedby"),super.disconnectedCallback()}clearTimers(){this.showTimer&&clearTimeout(this.showTimer),this.hideTimer&&clearTimeout(this.hideTimer),this.showTimer=null,this.hideTimer=null}teardownFloating(){this.cleanupFloating?.(),this.cleanupFloating=null}getAnchor(){return at(this)??this}wireTrigger(){this.describedEl?.removeAttribute("aria-describedby"),this.describedEl=this.getAnchor(),this.tooltipTarget&&(this.tooltipTarget.id=this.tooltipId),this.describedEl.setAttribute("aria-describedby",this.tooltipId)}attachFloating(){this.tooltipTarget&&(this.teardownFloating(),this.cleanupFloating=dt({anchor:this.getAnchor(),floating:this.tooltipTarget,getPlacement:()=>this.placement,gap:Ft}))}onDescribedPropsUpdated(){this.wireTrigger(),this.open&&this.tooltipTarget&&K(this.getAnchor(),this.tooltipTarget,this.placement,Ft)}setOpen(e){this.clearTimers(),this.open=e,this.tooltipTarget&&(this.tooltipTarget.hidden=!e,e?this.attachFloating():this.teardownFloating())}scheduleShow(){if(this.clearTimers(),this.delay<=0){this.setOpen(!0);return}this.showTimer=setTimeout(()=>this.setOpen(!0),this.delay)}scheduleHide(){this.clearTimers(),this.hideTimer=setTimeout(()=>this.setOpen(!1),80)}onDocumentKeydown(e){!this.open||e.key!=="Escape"||this.setOpen(!1)}onFocusIn(){this.scheduleShow()}onFocusOut(e){let i=e.relatedTarget;i&&this.contains(i)||this.scheduleHide()}onPointerEnter(){this.scheduleShow()}onPointerLeave(){this.scheduleHide()}render(){return Vt("span",{class:"rui-tooltip",children:[B("span",{class:"rui-tooltip__trigger",children:B("slot",{})}),B("span",{"data-ref":"tooltip",id:this.tooltipId,class:"rui-tooltip__content rui-floating",role:"tooltip",hidden:!0,children:this.$.content})]})}static{pt()}};import{jsx as Y,jsxs as Gt}from"@ecopages/jsx/jsx-runtime";function Xt({children:t,content:e="",...i}){return Y("rui-tooltip",{content:e,...i,children:Gt("span",{class:"rui-tooltip",children:[Y("span",{class:"rui-tooltip__trigger",children:t}),Y("span",{class:"rui-tooltip__content rui-floating","data-ref":"tooltip",role:"tooltip",hidden:!0,children:e})]})})}export{Xt as RuiTooltip,Ot as RuiTooltipElement};
+import{jsx as G,jsxs as Xt}from"@ecopages/jsx/jsx-runtime";import{RadiantElement as St,bound as Ft,customElement as Yt,onEvent as Z,onUpdated as zt,prop as X,query as Jt}from"@ecopages/radiant";var jt="a[href], button, input, select, textarea, [tabindex]";function Dt(t){return!t.hasAttribute("disabled")&&t.getAttribute("tabindex")!=="-1"}function Pt(t){return Array.from(t.querySelectorAll(jt)).filter(Dt)}function lt(t){return Pt(t)[0]}var Lt=/^[A-Za-z][A-Za-z0-9_-]*$/;function ct(t){return Lt.test(t)}function Mt(t){let e=t.trim();if(ct(e))return e;let i=`rui-${e}`;return e&&ct(i)?i:"rui"}function ut(t){let e=typeof crypto.randomUUID=="function"?crypto.randomUUID().replace(/-/g,""):Array.from(crypto.getRandomValues(new Uint8Array(16)),i=>i.toString(16).padStart(2,"0")).join("");return`${Mt(t)}-${e}`}var Wt={top:"bottom",bottom:"top",left:"right",right:"left"},Rt=8,K=new WeakMap;function kt(t){K.has(t)&&(t.style.width="",t.style.minWidth="",t.style.maxWidth="",t.style.boxSizing="",K.delete(t))}function $t(t){let e=t.indexOf("-");if(e===-1)return{side:t,align:"center"};let i=t.slice(0,e),a=t.slice(e+1);return{side:i,align:a==="start"||a==="end"?a:"center"}}function pt(t){return t==="top"||t==="bottom"?"y":"x"}function dt(t,e,i,a,r){let{width:s,height:o}=e,n=0,d=0;switch(i){case"top":d=t.top-o-r;break;case"bottom":d=t.bottom+r;break;case"left":n=t.left-s-r;break;case"right":n=t.right+r;break}return pt(i)==="y"?a==="start"?n=t.left:a==="end"?n=t.right-s:n=t.left+(t.width-s)/2:a==="start"?d=t.top:a==="end"?d=t.bottom-o:d=t.top+(t.height-o)/2,{x:n,y:d}}function Ut(t,e,i,a){let{padding:r,width:s,height:o}=a;return i==="top"?Math.max(0,r-t.y):i==="bottom"?Math.max(0,t.y+e.height-(o-r)):i==="left"?Math.max(0,r-t.x):Math.max(0,t.x+e.width-(s-r))}function ht(t,e,i,a){let{padding:r,width:s,height:o}=a;return i==="top"?t.top-r-e.height:i==="bottom"?o-r-e.height-t.bottom:i==="left"?t.left-r-e.width:s-r-e.width-t.right}function qt(t,e){return e==="center"?t:`${t}-${e}`}function Vt(t,e,i,a){let{padding:r,width:s,height:o}=a;if(pt(i)==="y"){let d=Math.max(r,s-r-e.width);return{x:Math.min(Math.max(t.x,r),d),y:Math.max(r,t.y)}}let n=Math.max(r,o-r-e.height);return{x:Math.max(r,t.x),y:Math.min(Math.max(t.y,r),n)}}function Ht(t,e,i,a,r={width:typeof window>"u"?0:window.innerWidth,height:typeof window>"u"?0:window.innerHeight,padding:Rt}){let{side:s,align:o}=$t(i),n=dt(t,e,s,o,a),d=Ut(n,e,s,r),y=s,E=n;if(d>0){let A=Wt[s],S=dt(t,e,A,o,a),j=ht(t,e,s,r);ht(t,e,A,r)>j&&(y=A,E=S)}return{coords:Vt(E,e,y,r),placement:qt(y,o)}}function B(t,e,i,a,r={}){let s=r.matchAnchorWidth===!0,o=t.offsetWidth,n=s?{width:o,height:e.offsetHeight}:{width:e.offsetWidth,height:e.offsetHeight};s?(e.style.width=`${o}px`,e.style.minWidth=`${o}px`,e.style.maxWidth=`${o}px`,e.style.boxSizing="border-box",K.set(e,!0)):kt(e);let{coords:d,placement:y}=Ht(t.getBoundingClientRect(),n,i,a);return Object.assign(e.style,{position:"fixed",left:`${d.x}px`,top:`${d.y}px`,right:"auto",bottom:"auto",visibility:"visible"}),e.setAttribute("data-placement",y),y}function ft({anchor:t,floating:e,getPlacement:i,gap:a,matchAnchorWidth:r}){let s=()=>{e.hidden||B(t,e,i(),a,{matchAnchorWidth:r})};s(),window.addEventListener("resize",s),window.addEventListener("scroll",s,!0);let o=new ResizeObserver(s);return o.observe(t),o.observe(e),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",s,!0),o.disconnect()}}var mt,gt,yt,bt,wt,vt,xt,Tt,_t,Et;function Kt(t,e,i,a,r,s){var o,n,d,y,E,A,S,j=Symbol.metadata||Symbol.for("Symbol.metadata"),R=Object.defineProperty,k=Object.create,z=[k(null),k(null)],J=e.length;function D(l,b,m){return function(c,u){b&&(u=c,c=t);for(var w=0;w<l.length;w++)u=l[w].apply(c,m?[u]:[]);return m?u:c}}function T(l,b,m,c){if(typeof l!="function"&&(c||l!==void 0))throw new TypeError(b+" must "+(m||"be")+" a function"+(c?"":" or undefined"));return l}function Q(l,b,m,c,u,w,F,g,v,x,tt){function $(p){if(!tt(p))throw new TypeError("Attempted to access private element on non-instance")}var U=[].concat(b[0]),et=b[3],q=!F,I=u===1,it=u===3,rt=u===4,P=u===2;function L(p,O,st){return function(W,at){return O&&(at=W,W=l),st&&st(W),h[p].call(W,at)}}if(!q){var h={},V=[],_=it?"get":rt||I?"set":"value";if(v?(x||I?h={get:At(function(){return et(this)},c,"get"),set:function(p){b[4](this,p)}}:h[_]=et,x||At(h[_],c,P?"":_)):x||(h=Object.getOwnPropertyDescriptor(l,c)),!x&&!v){if((n=z[+g][c])&&(n^u)!==7)throw Error("Decorating two elements with the same name ("+h[_].name+") is not supported yet");z[+g][c]=u<3?1:u}}for(var f=l,M=U.length-1;M>=0;M-=m?2:1){var nt=T(U[M],"A decorator","be",!0),ot=m?U[M-1]:void 0,H={},C={kind:["field","accessor","method","getter","setter","class"][u],name:c,metadata:o,addInitializer:function(p,O){if(p.v)throw new TypeError("attempted to call addInitializer after decoration was finished");T(O,"An initializer","be",!0),w.push(O)}.bind(null,H)};if(q)n=nt.call(ot,f,C),H.v=1,T(n,"class decorators","return")&&(f=n);else if(C.static=g,C.private=v,n=C.access={has:v?tt.bind():function(p){return c in p}},rt||(n.get=v?P?function(p){return $(p),h.value}:L("get",0,$):function(p){return p[c]}),P||it||(n.set=v?L("set",0,$):function(p,O){p[c]=O}),f=nt.call(ot,I?{get:h.get,set:h.set}:h[_],C),H.v=1,I){if(typeof f=="object"&&f)(n=T(f.get,"accessor.get"))&&(h.get=n),(n=T(f.set,"accessor.set"))&&(h.set=n),(n=T(f.init,"accessor.init"))&&V.unshift(n);else if(f!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else T(f,(x?"field":"method")+" decorators","return")&&(x?V.unshift(f):h[_]=f)}return u<2&&F.push(D(V,g,1),D(w,g,0)),x||q||(v?I?F.splice(-1,0,L("get",g),L("set",g)):F.push(P?h[_]:T.call.bind(h[_])):R(l,c,h)),f}function N(l){return R(l,j,{configurable:!0,enumerable:!0,value:o})}return s!==void 0&&(o=s[j]),o=k(o??null),E=[],A=function(l){l&&E.push(D(l))},S=function(l,b){for(var m=0;m<i.length;m++){var c=i[m],u=c[1],w=7&u;if((8&u)==l&&!w==b){var F=c[2],g=!!c[3],v=16&u;Q(l?t:t.prototype,c,v,g?"#"+F:Bt(F),w,w<2?[]:l?y=y||[]:d=d||[],E,!!l,g,b,l&&g?function(x){return Zt(x)===t}:r)}}},S(8,0),S(0,0),S(8,1),S(0,1),A(d),A(y),n=E,J||N(t),{e:n,get c(){var l=[];return J&&[N(t=Q(t,[e],a,t.name,5,l)),D(l,1)]}}}function Bt(t){var e=Gt(t,"string");return typeof e=="symbol"?e:e+""}function Gt(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var a=i.call(t,e||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function At(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function Zt(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var Ot=8,Ct,It=class extends St{static{({e:[yt,bt,wt,vt,xt,Tt,_t,Et,mt],c:[Ct,gt]}=Kt(this,[Yt("rui-tooltip")],[[X({type:String,defaultValue:""}),0,"content"],[X({type:String,defaultValue:"top"}),0,"placement"],[X({type:Number,defaultValue:200}),0,"delay"],[Jt({ref:"tooltip"}),0,"tooltipTarget"],[zt(["content","placement"]),2,"onDescribedPropsUpdated"],[Z({document:!0,type:"keydown"}),2,"onDocumentKeydown"],[Z({type:"focusin",ref:"trigger"}),2,"onFocusIn"],[Z({type:"focusout",ref:"trigger"}),2,"onFocusOut"],[Ft,2,"onPointerEnter"],[Ft,2,"onPointerLeave"]],0,void 0,St))}content=(mt(this),yt(this));placement=(bt(this),wt(this));delay=(vt(this),xt(this));tooltipTarget=(Tt(this),_t(this));open=(Et(this),!1);showTimer=null;hideTimer=null;tooltipId=ut("rui-tooltip");describedEl=null;cleanupFloating=null;connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this.onPointerEnter),this.addEventListener("pointerleave",this.onPointerLeave),queueMicrotask(()=>this.wireTrigger())}disconnectedCallback(){this.clearTimers(),this.teardownFloating(),this.removeEventListener("pointerenter",this.onPointerEnter),this.removeEventListener("pointerleave",this.onPointerLeave),this.describedEl?.removeAttribute("aria-describedby"),super.disconnectedCallback()}clearTimers(){this.showTimer&&clearTimeout(this.showTimer),this.hideTimer&&clearTimeout(this.hideTimer),this.showTimer=null,this.hideTimer=null}teardownFloating(){this.cleanupFloating?.(),this.cleanupFloating=null}getAnchor(){return lt(this)??this}wireTrigger(){this.describedEl?.removeAttribute("aria-describedby"),this.describedEl=this.getAnchor(),this.tooltipTarget&&(this.tooltipTarget.id=this.tooltipId),this.describedEl.setAttribute("aria-describedby",this.tooltipId)}attachFloating(){this.tooltipTarget&&(this.teardownFloating(),this.cleanupFloating=ft({anchor:this.getAnchor(),floating:this.tooltipTarget,getPlacement:()=>this.placement,gap:Ot}))}onDescribedPropsUpdated(){this.wireTrigger(),this.open&&this.tooltipTarget&&B(this.getAnchor(),this.tooltipTarget,this.placement,Ot)}setOpen(e){this.clearTimers(),this.open=e,this.tooltipTarget&&(this.tooltipTarget.hidden=!e,e?this.attachFloating():this.teardownFloating())}scheduleShow(){if(this.clearTimers(),this.delay<=0){this.setOpen(!0);return}this.showTimer=setTimeout(()=>this.setOpen(!0),this.delay)}scheduleHide(){this.clearTimers(),this.hideTimer=setTimeout(()=>this.setOpen(!1),80)}onDocumentKeydown(e){!this.open||e.key!=="Escape"||this.setOpen(!1)}onFocusIn(){this.scheduleShow()}onFocusOut(e){let i=e.relatedTarget;i&&this.contains(i)||this.scheduleHide()}onPointerEnter(){this.scheduleShow()}onPointerLeave(){this.scheduleHide()}render(){return Xt("span",{class:"rui-tooltip",children:[G("span",{class:"rui-tooltip__trigger","data-ref":"trigger",children:G("slot",{})}),G("span",{"data-ref":"tooltip",id:this.tooltipId,class:"rui-tooltip__content rui-floating",role:"tooltip",hidden:!0,children:this.$.content})]})}static{gt()}};import{jsx as Y,jsxs as Qt}from"@ecopages/jsx/jsx-runtime";function Nt({children:t,content:e="",...i}){return Y("rui-tooltip",{content:e,...i,children:Qt("span",{class:"rui-tooltip",children:[Y("span",{class:"rui-tooltip__trigger","data-ref":"trigger",children:t}),Y("span",{class:"rui-tooltip__content rui-floating","data-ref":"tooltip",role:"tooltip",hidden:!0,children:e})]})})}export{Nt as RuiTooltip,Ct as RuiTooltipElement};
 //# sourceMappingURL=index.js.map