@marianmeres/stuic 2.27.0 → 2.29.0

package/dist/actions/popover/popover.svelte.d.ts

@@ -26,6 +26,13 @@ export declare function closePopover(id: string): void;
  * @param id - The popover ID to toggle
  */
 export declare function togglePopover(id: string): void;
+/**
+ * Check if a popover is currently open by its registered ID.
+ *
+ * @param id - The popover ID to check
+ * @returns true if the popover is open, false otherwise
+ */
+export declare function isPopoverOpen(id: string): boolean;
 /**
  * Checks if the browser supports CSS Anchor Positioning for popovers.
  *

package/dist/actions/popover/popover.svelte.js

@@ -6,6 +6,8 @@ import PopoverContent from "./PopoverContent.svelte";
 import "./index.css";
 // Registry of open popover hide functions for closeOthers feature
 const openPopovers = new Set();
+// Reactive state tracking which popovers are open by ID
+const popoverOpenStates = $state({});
 // Registry of popovers by ID for programmatic control
 const popoverRegistry = new Map();
 // Track if an open was just requested (to prevent same-click outside close)
@@ -54,6 +56,15 @@ export function closePopover(id) {
 export function togglePopover(id) {
     popoverRegistry.get(id)?.toggle();
 }
+/**
+ * Check if a popover is currently open by its registered ID.
+ *
+ * @param id - The popover ID to check
+ * @returns true if the popover is open, false otherwise
+ */
+export function isPopoverOpen(id) {
+    return popoverOpenStates[id] ?? false;
+}
 const SHOW_DELAY = 100;
 const HIDE_DELAY = 200;
 const TRANSITION = 200;
@@ -310,6 +321,9 @@ export function popover(anchorEl, fn) {
         // Register this popover
         openPopovers.add(hide);
         isVisible = true;
+        if (currentOptions.id) {
+            popoverOpenStates[currentOptions.id] = true;
+        }
         anchorEl.setAttribute("aria-expanded", "true");
         const offsetValue = currentOptions.offset || "0.25rem";
         const useAnchorPositioning = isSupported && !currentOptions.forceFallback;
@@ -409,6 +423,9 @@ export function popover(anchorEl, fn) {
         if (!isVisible)
             return;
         isVisible = false;
+        if (currentOptions.id) {
+            popoverOpenStates[currentOptions.id] = false;
+        }
         // Unregister from open popovers
         openPopovers.delete(hide);
         anchorEl.setAttribute("aria-expanded", "false");
@@ -547,6 +564,7 @@ export function popover(anchorEl, fn) {
             // Unregister from popover registry
             if (currentOptions.id) {
                 popoverRegistry.delete(currentOptions.id);
+                delete popoverOpenStates[currentOptions.id];
             }
             document.removeEventListener("keydown", onEscape);
             document.removeEventListener("click", onClickOutside);

package/dist/actions/tooltip/tooltip.svelte.js

@@ -29,7 +29,7 @@ export function isTooltipSupported() {
 }
 const _classTooltip = `
     bg-tooltip-bg dark:bg-tooltip-bg-dark text-tooltip-text dark:text-tooltip-text-dark
-    text-xs tracking-tight rounded my-1
+    text-sm tracking-tight rounded my-1
     px-2.5 py-1.5
     max-w-64
     z-50

package/dist/components/CommandMenu/CommandMenu.svelte

@@ -301,7 +301,7 @@
 							<div class="p-1">
 								{#if _optgroup}
 									<div
-										class="text-xs capitalize opacity-50 border-b border-black/10 mb-1 p-1"
+										class="text-sm capitalize opacity-50 border-b border-black/10 mb-1 p-1"
 									>
 										{_optgroup}
 									</div>

package/dist/components/Input/FieldFile.svelte

@@ -129,7 +129,7 @@
 				"form-input",
 				"block border-0 w-full text-sm!",
 				"file:rounded file:border-0 file:mr-4 file:bg-neutral-200",
-				"file:px-2 file:py-0.5 file:cursor-pointer file:text-sm",
+				"file:px-2 file:py-1 file:cursor-pointer file:text-sm",
 				"focus-visible:ring-0 focus:ring-0 focus:leading-0",
 				renderSize,
 				classInput

package/dist/components/Input/FieldOptions.svelte

@@ -617,7 +617,7 @@
 								type="button"
 								onclick={() => _selectedColl.addMany(options.items)}
 								class={twMerge(
-									"control flex items-center p-1 m-1 text-xs opacity-75 underline rounded",
+									"control flex items-center p-1 m-1 text-sm opacity-75 underline rounded",
 									"hover:opacity-100 focus-visible:outline-neutral-400 focus-visible:opacity-100"
 								)}
 								tabindex={4}
@@ -633,7 +633,7 @@
 								input?.focus();
 							}}
 							class={twMerge(
-								"control flex items-center p-1 m-1 text-xs opacity-75 underline rounded",
+								"control flex items-center p-1 m-1 text-sm opacity-75 underline rounded",
 								"hover:opacity-100 focus-visible:outline-neutral-400 focus-visible:opacity-100"
 							)}
 							class:opacity-20={!selected.items.length}
@@ -643,8 +643,8 @@
 							{@html t(cardinality === 1 ? "clear" : "clear_all")}
 						</button>
 
-						<span class="p-1 m-1 text-xs">&nbsp;</span>
-						<span class="flex-1 block justify-end opacity-50 text-right text-xs p-1 pr-2">
+						<span class="p-1 m-1 text-sm">&nbsp;</span>
+						<span class="flex-1 block justify-end opacity-50 text-right text-sm p-1 pr-2">
 							{selected.items.length}
 							{#if cardinality > 0 && cardinality < Infinity}
 								{@html t("cardinality_of")} {cardinality}
@@ -694,7 +694,7 @@
 							{#if _optgroup}
 								<div
 									class={twMerge(
-										"text-xs capitalize opacity-50 border-b border-black/10 mb-0.5 p-1 mx-1",
+										"text-sm capitalize opacity-50 border-b border-black/10 mb-0.5 p-1 mx-1",
 										classOptgroup
 									)}
 								>
@@ -767,7 +767,7 @@
 					</div>
 					<!-- {/if} -->
 					<div class="p-2 px-3 flex items-end justify-between">
-						<div class="text-xs opacity-50">
+						<div class="text-sm opacity-50">
 							<!-- Use arrows to navigate. Spacebar and Enter to select and/or submit. -->
 							{#if allowUnknown}
 								{@html t("unknown_allowed")}

package/dist/components/Input/FieldRadios.svelte

@@ -115,7 +115,7 @@
 				class={twMerge(
 					"validation-box",
 					_classCommon,
-					`mt-1 px-2 text-xs text-input-accent dark:text-input-accent-dark 
+					`mt-1 px-2 text-sm text-input-accent dark:text-input-accent-dark 
 					tracking-tight`,
 					classValidationBox
 				)}

package/dist/components/Input/index.css

@@ -10,6 +10,7 @@
 .stuic-input {
 	.form-input {
 		@apply rounded-md border-0 w-full flex-1
+			py-2.5
 			text-base placeholder:text-base
 			bg-transparent
 			tracking-tight

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "2.27.0",
+  "version": "2.29.0",
   "files": [
     "dist",
     "!dist/**/*.test.*",