release: WRNexusJS 0.3.5

2026-07-24 12:46:44 +05:30
parent 44ba847210
commit c81dedff17
2114 changed files with 65790 additions and 150559 deletions
@@ -1,10 +1,19 @@
 component Tooltip {
  props {
+    size = "default"
+    color = "primary"
+    title = "Tooltip"
+    description = ""
+    open = false
+    placement = "bottom"
+    closeLabel = "Close"
    class = ""
-    text = "Helpful information"
-    position = "top"
  }
  view {
-    <span class="group relative inline-flex {class}"><slot /><span role="tooltip" class="pointer-events-none absolute z-40 w-max max-w-xs rounded-lg bg-slate-950 px-2.5 py-1.5 text-xs font-medium text-white opacity-0 shadow-lg transition duration-200 group-hover:opacity-100 group-focus-within:opacity-100 {position === 'bottom' ? 'left-1/2 top-full mt-2 -translate-x-1/2' : 'bottom-full left-1/2 mb-2 -translate-x-1/2'}">{text}</span></span>
+    <div data-show="{open}" class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--tooltip wire-next--placement-{placement} {class}" role="region" aria-modal="false" aria-label="{title}">
+      <header><strong>{title}</strong><button type="button" aria-label="{closeLabel}">×</button></header>
+      {#if description}<p>{description}</p>{/if}
+      <slot />
+    </div>
  }
 }