@urbicon-ui/blocks 6.3.15 → 6.4.1

package/dist/components/Guide/Guide.svelte

@@ -32,7 +32,7 @@
 
   const guide = getGuideContext();
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <Guide> is used without a <GuideProvider> ancestor — the tour will not render.'
     );
@@ -217,7 +217,7 @@
   // clickable, and only an app-side controller.next() from outside the spotlight can advance.
   // Usually a step-definition mistake; mirrors the unresolved-target warning.
   $effect(() => {
-    if (!import.meta.env.DEV || !guide) return;
+    if (!import.meta.env?.DEV || !guide) return;
     if (step?.advance === 'action' && !step.interactive) {
       console.warn(
         `[Guide] tour "${guide.activeTour?.id}" step ${stepIndex}: advance:'action' without ` +

package/dist/components/Guide/GuideBeacon.svelte

@@ -22,7 +22,7 @@
 
   const guide = getGuideContext();
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <GuideBeacon> is used without a <GuideProvider> ancestor — it will not render.'
     );

package/dist/components/Guide/GuideHint.svelte

@@ -37,7 +37,7 @@
 
   const guide = getGuideContext();
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <GuideHint> is used without a <GuideProvider> ancestor — it will not render.'
     );
@@ -75,7 +75,7 @@
   $effect(() => {
     if (trigger === 'manual') {
       if (open) dismissed = false;
-    } else if (import.meta.env.DEV && open) {
+    } else if (import.meta.env?.DEV && open) {
       console.warn('[Guide] <GuideHint open> is ignored unless trigger="manual".');
     }
   });
@@ -179,7 +179,7 @@
   // DEV resilience: a requested hint whose target can't be resolved is a silent
   // no-op otherwise — warn so a wrong `for` id is noticed (mirrors the engine).
   $effect(() => {
-    if (import.meta.env.DEV && guide && visible && !guide.resolveTarget(topicId)) {
+    if (import.meta.env?.DEV && guide && visible && !guide.resolveTarget(topicId)) {
       console.warn(
         `[Guide] <GuideHint for="${topicId}"> cannot anchor — no element with [data-guide="${topicId}"] (or registered target) found.`
       );

package/dist/components/Guide/GuideMarker.svelte

@@ -24,7 +24,7 @@
 
   const guide = getGuideContext();
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <GuideMarker> is used without a <GuideProvider> ancestor — it renders inert.'
     );

package/dist/components/Guide/GuideMention.svelte

@@ -18,7 +18,7 @@
 
   const guide = getGuideContext();
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <GuideMention> is used without a <GuideProvider> ancestor — it renders as plain text.'
     );
@@ -42,7 +42,7 @@
   const interactive = $derived(!!guide && effectiveDirection !== 'to-guide');
 
   $effect(() => {
-    if (import.meta.env.DEV && guide && effectiveDirection === 'to-guide') {
+    if (import.meta.env?.DEV && guide && effectiveDirection === 'to-guide') {
       console.warn(
         `[Guide] <GuideMention for="${topicId}"> points at a topic whose direction excludes Guide→UI ('to-guide') — it renders as plain text.`
       );

package/dist/components/Guide/GuidePanel.svelte

@@ -35,7 +35,7 @@
   // Re-registers if the id changes; releases it on unmount.
   $effect(() => guide?.registerPanel(panelId));
 
-  if (import.meta.env.DEV && !guide) {
+  if (import.meta.env?.DEV && !guide) {
     console.warn(
       '[Guide] <GuidePanel> is used without a <GuideProvider> ancestor — it will not render.'
     );
@@ -88,7 +88,7 @@
   // shows an empty body with no signal. Deferred past the current flush via `tick()` so a
   // sibling <GuideArticle> registering in the same render isn't a false positive.
   $effect(() => {
-    if (!import.meta.env.DEV) return;
+    if (!import.meta.env?.DEV) return;
     const id = activeArticle;
     if (!id) return;
     let cancelled = false;

package/dist/primitives/Badge/badge.variants.js

@@ -18,7 +18,10 @@ export const badgeVariants = tv({
             'transition-[color,background-color,border-color,box-shadow,opacity] duration-[var(--blocks-duration-fast)] ease-out'
             // Radius driven by `tier` axis below.
         ],
-        content: ['flex items-center gap-inherit'],
+        // `[gap:inherit]` (arbitrary property), NOT `gap-inherit` — Tailwind v4 emits
+        // no `gap-inherit` rule, so the icon↔label gap would collapse to 0. The
+        // arbitrary property inherits `base`'s per-size gap. (Codeberg #21)
+        content: ['flex items-center [gap:inherit]'],
         // tier: modify — small remove-control on a commit-tier badge.
         removeButton: [
             'ml-1 shrink-0 rounded-modify transition-colors text-current',

package/dist/primitives/Button/button.variants.js

@@ -10,7 +10,13 @@ export const buttonVariants = tv({
             'disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none'
         ],
         content: [
-            'flex items-center gap-inherit transition-opacity duration-[var(--blocks-duration-fast)]'
+            // `[gap:inherit]` (arbitrary property), NOT `gap-inherit`: Tailwind v4 has
+            // no `gap-inherit` utility — the spacing-based `gap-*` scale has no
+            // `inherit` member (unlike `text-inherit`/`border-inherit`), so that class
+            // emits no rule and the icon↔label gap silently collapses to 0. The
+            // arbitrary property makes `content` inherit `base`'s per-size gap as
+            // intended. (Codeberg #21)
+            'flex items-center [gap:inherit] transition-opacity duration-[var(--blocks-duration-fast)]'
         ],
         spinner: [
             'flex items-center justify-center opacity-0 pointer-events-none transition-opacity duration-[var(--blocks-duration-fast)]'

package/dist/primitives/Combobox/Combobox.svelte

@@ -104,6 +104,25 @@
   // Focus never leaves the `<input>` while open — the active option is
   // surfaced via `aria-activedescendant`, not by moving DOM focus into
   // the listbox.
+  //
+  // The focus restore in `select`/`clear` must NOT re-open the listbox the way
+  // a user-initiated focus does. `inputEl.focus()` dispatches `focus`
+  // synchronously, so without this guard `handleFocus` would flip `open = true`
+  // again on the very next line — negating the `open = false` above and leaving
+  // the listbox open after every mouse-click selection/clear (Codeberg #19).
+  // The flag is raised immediately before `focus()` and lowered immediately
+  // after, so it masks only that one synchronous event; when `focus()` is a
+  // no-op (input already focused, e.g. an Enter-key selection) it fires no
+  // `focus` event and the flag is simply lowered again — never left dangling
+  // for the next genuine focus.
+  let suppressFocusOpen = false;
+
+  function focusInputWithoutOpening() {
+    suppressFocusOpen = true;
+    inputEl?.focus();
+    suppressFocusOpen = false;
+  }
+
   function select(opt: ComboboxOption<T>) {
     if (opt.disabled) return;
     value = opt.value;
@@ -111,7 +130,7 @@
     open = false;
     activeIndex = -1;
     onValueChange?.(opt.value);
-    inputEl?.focus();
+    focusInputWithoutOpening();
   }
 
   function clear() {
@@ -120,7 +139,7 @@
     open = false;
     activeIndex = -1;
     onValueChange?.(null);
-    inputEl?.focus();
+    focusInputWithoutOpening();
   }
 
   function handleInput() {
@@ -133,6 +152,7 @@
   }
 
   function handleFocus() {
+    if (suppressFocusOpen) return;
     if (!disabled) open = true;
   }
 

package/dist/primitives/Dialog/Dialog.svelte

@@ -42,7 +42,7 @@
   }: DialogProps = $props();
 
   if (
-    import.meta.env.DEV &&
+    import.meta.env?.DEV &&
     hideCloseButton &&
     closeOnEscape === false &&
     closeOnBackdropClick === false

package/dist/primitives/Drawer/Drawer.svelte

@@ -42,7 +42,7 @@
   }: DrawerProps = $props();
 
   if (
-    import.meta.env.DEV &&
+    import.meta.env?.DEV &&
     hideCloseButton &&
     closeOnEscape === false &&
     closeOnBackdropClick === false

package/dist/utils/guide.svelte.d.ts

@@ -109,7 +109,7 @@ export interface GuideControllerOptions {
     storage?: GuideStorageAdapter;
     /** Overlay stack to integrate with. @default the shared `overlayStack` singleton */
     overlayStack?: GuideOverlayStackLike;
-    /** Force DEV-mode warnings on/off. @default `import.meta.env.DEV` */
+    /** Force DEV-mode warnings on/off. @default `import.meta.env?.DEV ?? false` */
     dev?: boolean;
 }
 /**

package/dist/utils/guide.svelte.js

@@ -112,7 +112,10 @@ export class GuideController {
     constructor(options = {}) {
         this.#storage = options.storage ?? createLocalStorageAdapter();
         this.#overlayStack = options.overlayStack ?? overlayStack;
-        this.#dev = options.dev ?? import.meta.env.DEV;
+        // `import.meta.env?.DEV` is `boolean | undefined` (undefined outside Vite);
+        // `?? false` keeps `#dev` a strict boolean and means non-Vite consumers
+        // simply get no dev warnings (rather than a crash).
+        this.#dev = options.dev ?? import.meta.env?.DEV ?? false;
         this.#seen = new SvelteSet(this.#storage.load());
     }
     // ─── Target registry ──────────────────────────────────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/blocks",
-  "version": "6.3.15",
+  "version": "6.4.1",
   "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
   "license": "MIT",
   "repository": {
@@ -91,8 +91,8 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.3.1",
-    "@urbicon-ui/i18n": "6.3.15",
-    "@urbicon-ui/shared-types": "6.3.15",
+    "@urbicon-ui/i18n": "6.4.1",
+    "@urbicon-ui/shared-types": "6.4.1",
     "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.0",