@andespindola/ui-core 0.1.0

package/dist/components/ui-toaster.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiToaster extends Components.UiToaster, HTMLElement {}
+export const UiToaster: {
+    prototype: UiToaster;
+    new (): UiToaster;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-toaster.js

@@ -0,0 +1 @@
+import{t,p as e,H as s,h as i,a}from"./index.js";import{d as o}from"./p-C8ePpPG3.js";const n=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.items=[],this.counter=0}async toast(t){const e=`toast-${this.counter++}-${Math.random().toString(36).slice(2)}`;this.items=[...this.items,{...t,id:e}]}remove(t){this.items=this.items.filter((e=>e.id!==t))}render(){return i(a,{key:"51de8367f0037a6b7ea809bb643d0a20e41553bf"},i("div",{key:"34a6d8310ce460ee5cec6e87ab20266a9a522177",class:"container"},this.items.map((t=>i("ui-toast",{key:t.id,open:!0,heading:t.heading,description:t.description,variant:t.variant??"default",duration:t.duration??4e3,onUiClose:()=>this.remove(t.id)})))))}static get style(){return":host{display:contents}.container{position:fixed;bottom:0;right:0;z-index:100;display:flex;flex-direction:column;gap:0.5rem;padding:1rem;max-width:24rem}"}},[1,"ui-toaster",{items:[32],toast:[64]}]);function r(){"undefined"!=typeof customElements&&["ui-toaster","ui-toast"].forEach((e=>{switch(e){case"ui-toaster":customElements.get(t(e))||customElements.define(t(e),n);break;case"ui-toast":customElements.get(t(e))||o()}}))}r();const c=n,d=r;export{c as UiToaster,d as defineCustomElement}

package/dist/components/ui-tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiTooltip extends Components.UiTooltip, HTMLElement {}
+export const UiTooltip: {
+    prototype: UiTooltip;
+    new (): UiTooltip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-tooltip.js

@@ -0,0 +1 @@
+import{t,p as i,H as s,h as e,a as o}from"./index.js";import{a,c as r,o as n,f as h,s as l}from"./p-CyBRmmbs.js";const d=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content="",this.placement="top",this.openDelay=200,this.visible=!1,this.onEnter=()=>{this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!0,requestAnimationFrame((()=>this.start()))}),this.openDelay)},this.onLeave=()=>{this.timer&&clearTimeout(this.timer),this.visible=!1,this.stop()}}disconnectedCallback(){this.stop(),this.timer&&clearTimeout(this.timer)}start(){this.triggerEl&&this.floatingEl&&(this.stop(),this.cleanup=a(this.triggerEl,this.floatingEl,(()=>{this.triggerEl&&this.floatingEl&&r(this.triggerEl,this.floatingEl,{placement:this.placement,middleware:[n(8),h(),l({padding:8})]}).then((({x:t,y:i})=>{Object.assign(this.floatingEl.style,{left:t+"px",top:i+"px"})}))})))}stop(){this.cleanup?.(),this.cleanup=void 0}render(){return e(o,{key:"49f898bc54da31cf9f6b5189577bae89f6681bf8",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onEnter,onFocusout:this.onLeave},e("span",{key:"394744f0b34ec0c534b417ba520f2b805b582802",class:"trigger",ref:t=>this.triggerEl=t},e("slot",{key:"7afd6d807490d8af4fffeb38e69de825f7d3c138"})),e("div",{key:"3d12cffd7fd903ec6178961bf40476b063ee1563",class:{tooltip:!0,"is-visible":this.visible},role:"tooltip",ref:t=>this.floatingEl=t},this.content))}get host(){return this}static get style(){return":host{display:inline-block}.trigger{display:inline-flex}.tooltip{position:fixed;top:0;left:0;z-index:50;width:max-content;max-width:18rem;padding:0.375rem 0.75rem;font-family:var(--ui-font-sans);font-size:0.75rem;line-height:1.4;color:var(--ui-foreground);border:1px solid var(--ui-border);background:var(--ui-panel-strong);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(22px);border-radius:var(--ui-radius-sm);pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-duration) var(--ui-ease),     transform var(--ui-duration) var(--ui-ease)}.tooltip.is-visible{opacity:1;transform:scale(1)}"}},[257,"ui-tooltip",{content:[1],placement:[1],openDelay:[2,"open-delay"],visible:[32]}]);function c(){"undefined"!=typeof customElements&&["ui-tooltip"].forEach((i=>{"ui-tooltip"===i&&(customElements.get(t(i))||customElements.define(t(i),d))}))}c();const u=d,f=c;export{u as UiTooltip,f as defineCustomElement}