Merge branch 'next' into fix-alert-alignment

Author: ItzNotABug

.github/workflows/try-module.yml .github/workflows/pkg-vc.yml.github/workflows/try-module.yml renamed to .github/workflows/pkg-vc.yml

@@ -1,4 +1,4 @@
-name: Publish to try-module.cloud
+name: Publish to pkg.vc
 
 on:
     pull_request:
@@ -24,14 +24,14 @@ jobs:
             - name: Build packages
               run: pnpm run build
             - name: Publish @appwrite.io/pink-svelte
-              uses: TorstenDittmann/try-module-action@main
+              uses: pkg-vc/publish-action@main
               with:
                   organization: appwrite
                   directory: ./v2/pink-sb
                   secret: ${{ secrets.TRY_MODULE_SECRET }}
                   github-token: ${{ secrets.GITHUB_TOKEN }}
             - name: Publish @appwrite.io/pink-icons-svelte
-              uses: TorstenDittmann/try-module-action@main
+              uses: pkg-vc/publish-action@main
               with:
                   organization: appwrite
                   directory: ./v2/pink-icons

v2/pink-sb/src/lib/Tooltip.svelte

@@ -10,13 +10,14 @@
     export let maxWidth = '11.25rem';
 
     let show = false;
+    let showing = false;
     const id = 'tooltip-' + Math.random().toString(36).substring(2, 9);
     let referenceElement: HTMLSpanElement;
     let tooltipElement: HTMLDivElement;
 
     async function showTooltip() {
         await update();
-        show = !disabled;
+        showing = show = !disabled;
     }
 
     function hideTooltip() {
@@ -54,10 +55,11 @@
     on:mouseleave={hideTooltip}
     on:blur={hideTooltip}
 >
-    <slot showing={show} {update} />
+    <slot {showing} {update} />
 </span>
 <div
     {id}
+    on:transitionend={() => (showing = false)}
     bind:this={tooltipElement}
     aria-hidden={!show}
     class:padding-none={padding === 'none'}
@@ -66,7 +68,7 @@
     style:max-inline-size={maxWidth}
     data-state={!show ? 'closed' : 'open'}
 >
-    <slot showing={show} {update} name="tooltip" />
+    <slot {showing} {update} name="tooltip" />
 </div>
 
 <style lang="scss">

v2/pink-sb/src/lib/selector/Radio.svelte

@@ -51,6 +51,7 @@
         border-radius: var(--border-radius-circle);
         outline-offset: var(--border-width-l);
         background-color: var(--bgcolor-neutral-primary);
+        flex-shrink: 0;
 
         &.s {
             --p-radio-size: var(--icon-size-s);