@krak-stack/registry 0.1.34 → 0.1.36

package/README.md

@@ -6,6 +6,44 @@ Tree-shakable runtime components and Effect services from the KrakStack shadcn r
 bun add @krak-stack/registry
 ```
 
+## Temporary Effect form patches
+
+This interim release supports stable Effect 4, but the published form betas still
+use removed Effect import paths. Applications using Effect forms must apply both
+compatibility patches at their package-manager root; installing Registry alone
+does not apply them automatically.
+
+After installing Registry, copy its bundled patches into your application:
+
+```sh
+mkdir -p patches
+cp node_modules/@krak-stack/registry/patches/*.patch patches/
+```
+
+Merge these fields into the application's root `package.json`, preserving any
+existing overrides and patches:
+
+```json
+{
+  "overrides": {
+    "@lucas-barake/effect-form": "0.25.0-beta.6",
+    "@lucas-barake/effect-form-react": "0.26.0-beta.5"
+  },
+  "patchedDependencies": {
+    "@lucas-barake/effect-form@0.25.0-beta.6": "patches/@lucas-barake%2Feffect-form@0.25.0-beta.6.patch",
+    "@lucas-barake/effect-form-react@0.26.0-beta.5": "patches/@lucas-barake%2Feffect-form-react@0.26.0-beta.5.patch"
+  }
+}
+```
+
+Run `bun install` and commit the patches, manifest, and lockfile. Other package
+managers require equivalent patch configuration. See the bundled
+`patches/README.md` for provenance and removal instructions after
+[upstream release PR #111](https://github.com/lucas-barake/effect-form/pull/111)
+is published.
+
+## Usage
+
 Import only the subpaths used by the application:
 
 ```tsx
@@ -53,7 +91,7 @@ const appLayer = appRoutes.pipe(Layer.provideMerge(HttpApiOtlp.layer));
 Install browser telemetry globally on the Atom runtime used by the API client:
 
 ```ts
-import { Atom } from "effect/unstable/reactivity";
+import { Atom } from "effect/reactivity";
 import { BrowserOtlp } from "@krak-stack/registry/opentelemetry/browser";
 
 const apiRuntime = Atom.context();

package/dist/components/ui/data-table.js

@@ -2,7 +2,7 @@
 import { useAtom, useAtomSet } from "@effect/atom-react";
 import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { DateTime, Option, Schema } from "effect";
-import { AsyncResult, Atom } from "effect/unstable/reactivity";
+import { AsyncResult, Atom } from "effect/reactivity";
 import {
   ArrowDown,
   ArrowUp,

package/dist/components/ui/effect-form.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, JSX, ReactNode } from "react";
 import { FormReact } from "@lucas-barake/effect-form-react";
 import { Option } from "effect";
-import { AsyncResult, Atom } from "effect/unstable/reactivity";
+import { AsyncResult, Atom } from "effect/reactivity";
 import { type FilePickerMessageTranslations } from "./file-picker.js";
 import { type VirtualizedComboboxMessageTranslations, type VirtualizedComboboxOption } from "./virtualized-combobox.js";
 export type EffectFormMessages = {

package/dist/components/ui/effect-form.js

@@ -2,7 +2,7 @@
 import { useAtomSet, useAtomValue } from "@effect/atom-react";
 import { Block } from "@tanstack/react-router";
 import { Cause, Option, Schema as Schema2 } from "effect";
-import { AsyncResult } from "effect/unstable/reactivity";
+import { AsyncResult } from "effect/reactivity";
 import { Languages, Loader2, Plus, Trash } from "lucide-react";
 
 // ../../src/components/ui/alert-dialog.tsx
@@ -949,7 +949,7 @@ function InputGroupInput({
 
 // ../../src/components/ui/virtualized-combobox.tsx
 import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
   en: {
@@ -1026,65 +1026,68 @@ var VirtualizedComboboxList = ({
     if (element)
       virtualizer.measure();
   }, [virtualizer]);
-  if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx12("div", {
-      className: "text-muted-foreground py-6 text-center text-sm",
-      children: emptyLabel
-    });
-  }
-  return /* @__PURE__ */ jsx12(ComboboxPrimitive.List, {
-    className: "scroll-py-1 overflow-auto overscroll-contain p-1",
-    ref: handleScrollElementRef,
-    style: {
-      height: Math.min(virtualizer.getTotalSize() + 8, 288),
-      maxHeight: "var(--available-height)"
-    },
-    children: /* @__PURE__ */ jsx12("div", {
-      className: "relative w-full",
-      role: "presentation",
-      style: { height: virtualizer.getTotalSize() },
-      children: virtualizer.getVirtualItems().map((virtualItem) => {
-        const entry = entries[virtualItem.index];
-        if (!entry)
-          return null;
-        const style = {
-          height: virtualItem.size,
-          transform: `translateY(${virtualItem.start}px)`
-        };
-        if (entry.kind === "group") {
-          return /* @__PURE__ */ jsx12(ComboboxPrimitive.Group, {
-            className: "contents",
-            children: /* @__PURE__ */ jsx12(ComboboxPrimitive.GroupLabel, {
-              className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+  return /* @__PURE__ */ jsxs5(Fragment2, {
+    children: [
+      filteredItems.length === 0 && /* @__PURE__ */ jsx12("div", {
+        className: "text-muted-foreground flex min-h-0 flex-1 flex-col items-center justify-center overflow-auto py-6 text-center text-sm",
+        children: emptyLabel
+      }),
+      /* @__PURE__ */ jsx12(ComboboxPrimitive.List, {
+        className: "min-h-0 flex-1 scroll-py-1 overflow-auto overscroll-contain p-1",
+        hidden: filteredItems.length === 0,
+        ref: handleScrollElementRef,
+        style: {
+          height: Math.min(virtualizer.getTotalSize() + 8, 288),
+          maxHeight: "var(--available-height)"
+        },
+        children: /* @__PURE__ */ jsx12("div", {
+          className: "relative w-full",
+          role: "presentation",
+          style: { height: virtualizer.getTotalSize() },
+          children: virtualizer.getVirtualItems().map((virtualItem) => {
+            const entry = entries[virtualItem.index];
+            if (!entry)
+              return null;
+            const style = {
+              height: virtualItem.size,
+              transform: `translateY(${virtualItem.start}px)`
+            };
+            if (entry.kind === "group") {
+              return /* @__PURE__ */ jsx12(ComboboxPrimitive.Group, {
+                className: "contents",
+                children: /* @__PURE__ */ jsx12(ComboboxPrimitive.GroupLabel, {
+                  className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+                  "data-index": virtualItem.index,
+                  ref: virtualizer.measureElement,
+                  style,
+                  children: entry.label
+                })
+              }, entry.key);
+            }
+            return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Item, {
+              "aria-posinset": entry.index + 1,
+              "aria-setsize": filteredItems.length,
+              className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
               "data-index": virtualItem.index,
+              index: entry.index,
               ref: virtualizer.measureElement,
               style,
-              children: entry.label
-            })
-          }, entry.key);
-        }
-        return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Item, {
-          "aria-posinset": entry.index + 1,
-          "aria-setsize": filteredItems.length,
-          className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
-          "data-index": virtualItem.index,
-          index: entry.index,
-          ref: virtualizer.measureElement,
-          style,
-          value: entry.item,
-          children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx12("span", {
-              className: "min-w-0 truncate",
-              children: entry.item.label
-            }),
-            /* @__PURE__ */ jsx12(ComboboxPrimitive.ItemIndicator, {
-              className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx12(Check, {})
-            })
-          ]
-        }, entry.item.value);
+              value: entry.item,
+              children: [
+                renderItem?.(entry.item) ?? /* @__PURE__ */ jsx12("span", {
+                  className: "min-w-0 truncate",
+                  children: entry.item.label
+                }),
+                /* @__PURE__ */ jsx12(ComboboxPrimitive.ItemIndicator, {
+                  className: "absolute right-2 flex size-4 items-center justify-center",
+                  children: /* @__PURE__ */ jsx12(Check, {})
+                })
+              ]
+            }, entry.item.value);
+          })
+        })
       })
-    })
+    ]
   });
 };
 var VirtualizedComboboxContent = ({
@@ -1106,10 +1109,10 @@ var VirtualizedComboboxContent = ({
       side: "bottom",
       sideOffset: 6,
       children: /* @__PURE__ */ jsxs5(ComboboxPrimitive.Popup, {
-        className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
+        className: cn("relative flex max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) flex-col overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
         children: [
           /* @__PURE__ */ jsx12("div", {
-            className: "min-w-0 p-1 pb-0",
+            className: "min-w-0 shrink-0 p-1 pb-0",
             children: /* @__PURE__ */ jsx12(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
               children: /* @__PURE__ */ jsx12(ComboboxPrimitive.Input, {

package/dist/components/ui/error-component.js

@@ -6,7 +6,7 @@ import {
 import { CircleAlert, RefreshCw } from "lucide-react";
 import { useMemo, useState as useState2 } from "react";
 import { Option, Schema } from "effect";
-import { HttpClientError, HttpTraceContext } from "effect/unstable/http";
+import { HttpClientError, HttpTraceContext } from "effect/http";
 
 // ../../src/components/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";

package/dist/components/ui/form.js

@@ -954,7 +954,7 @@ function InputGroupInput({
 
 // ../../src/components/ui/virtualized-combobox.tsx
 import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
 "use client";
 var messages2 = {
   en: {
@@ -1031,65 +1031,68 @@ var VirtualizedComboboxList = ({
     if (element)
       virtualizer.measure();
   }, [virtualizer]);
-  if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx12("div", {
-      className: "text-muted-foreground py-6 text-center text-sm",
-      children: emptyLabel
-    });
-  }
-  return /* @__PURE__ */ jsx12(ComboboxPrimitive.List, {
-    className: "scroll-py-1 overflow-auto overscroll-contain p-1",
-    ref: handleScrollElementRef,
-    style: {
-      height: Math.min(virtualizer.getTotalSize() + 8, 288),
-      maxHeight: "var(--available-height)"
-    },
-    children: /* @__PURE__ */ jsx12("div", {
-      className: "relative w-full",
-      role: "presentation",
-      style: { height: virtualizer.getTotalSize() },
-      children: virtualizer.getVirtualItems().map((virtualItem) => {
-        const entry = entries[virtualItem.index];
-        if (!entry)
-          return null;
-        const style = {
-          height: virtualItem.size,
-          transform: `translateY(${virtualItem.start}px)`
-        };
-        if (entry.kind === "group") {
-          return /* @__PURE__ */ jsx12(ComboboxPrimitive.Group, {
-            className: "contents",
-            children: /* @__PURE__ */ jsx12(ComboboxPrimitive.GroupLabel, {
-              className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+  return /* @__PURE__ */ jsxs5(Fragment2, {
+    children: [
+      filteredItems.length === 0 && /* @__PURE__ */ jsx12("div", {
+        className: "text-muted-foreground flex min-h-0 flex-1 flex-col items-center justify-center overflow-auto py-6 text-center text-sm",
+        children: emptyLabel
+      }),
+      /* @__PURE__ */ jsx12(ComboboxPrimitive.List, {
+        className: "min-h-0 flex-1 scroll-py-1 overflow-auto overscroll-contain p-1",
+        hidden: filteredItems.length === 0,
+        ref: handleScrollElementRef,
+        style: {
+          height: Math.min(virtualizer.getTotalSize() + 8, 288),
+          maxHeight: "var(--available-height)"
+        },
+        children: /* @__PURE__ */ jsx12("div", {
+          className: "relative w-full",
+          role: "presentation",
+          style: { height: virtualizer.getTotalSize() },
+          children: virtualizer.getVirtualItems().map((virtualItem) => {
+            const entry = entries[virtualItem.index];
+            if (!entry)
+              return null;
+            const style = {
+              height: virtualItem.size,
+              transform: `translateY(${virtualItem.start}px)`
+            };
+            if (entry.kind === "group") {
+              return /* @__PURE__ */ jsx12(ComboboxPrimitive.Group, {
+                className: "contents",
+                children: /* @__PURE__ */ jsx12(ComboboxPrimitive.GroupLabel, {
+                  className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+                  "data-index": virtualItem.index,
+                  ref: virtualizer.measureElement,
+                  style,
+                  children: entry.label
+                })
+              }, entry.key);
+            }
+            return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Item, {
+              "aria-posinset": entry.index + 1,
+              "aria-setsize": filteredItems.length,
+              className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
               "data-index": virtualItem.index,
+              index: entry.index,
               ref: virtualizer.measureElement,
               style,
-              children: entry.label
-            })
-          }, entry.key);
-        }
-        return /* @__PURE__ */ jsxs5(ComboboxPrimitive.Item, {
-          "aria-posinset": entry.index + 1,
-          "aria-setsize": filteredItems.length,
-          className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
-          "data-index": virtualItem.index,
-          index: entry.index,
-          ref: virtualizer.measureElement,
-          style,
-          value: entry.item,
-          children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx12("span", {
-              className: "min-w-0 truncate",
-              children: entry.item.label
-            }),
-            /* @__PURE__ */ jsx12(ComboboxPrimitive.ItemIndicator, {
-              className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx12(Check, {})
-            })
-          ]
-        }, entry.item.value);
+              value: entry.item,
+              children: [
+                renderItem?.(entry.item) ?? /* @__PURE__ */ jsx12("span", {
+                  className: "min-w-0 truncate",
+                  children: entry.item.label
+                }),
+                /* @__PURE__ */ jsx12(ComboboxPrimitive.ItemIndicator, {
+                  className: "absolute right-2 flex size-4 items-center justify-center",
+                  children: /* @__PURE__ */ jsx12(Check, {})
+                })
+              ]
+            }, entry.item.value);
+          })
+        })
       })
-    })
+    ]
   });
 };
 var VirtualizedComboboxContent = ({
@@ -1111,10 +1114,10 @@ var VirtualizedComboboxContent = ({
       side: "bottom",
       sideOffset: 6,
       children: /* @__PURE__ */ jsxs5(ComboboxPrimitive.Popup, {
-        className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
+        className: cn("relative flex max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) flex-col overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
         children: [
           /* @__PURE__ */ jsx12("div", {
-            className: "min-w-0 p-1 pb-0",
+            className: "min-w-0 shrink-0 p-1 pb-0",
             children: /* @__PURE__ */ jsx12(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
               children: /* @__PURE__ */ jsx12(ComboboxPrimitive.Input, {

package/dist/components/ui/icon-input.js

@@ -6,8 +6,8 @@ import {
   HttpClient,
   HttpClientRequest,
   HttpClientResponse
-} from "effect/unstable/http";
-import { AsyncResult, Atom } from "effect/unstable/reactivity";
+} from "effect/http";
+import { AsyncResult, Atom } from "effect/reactivity";
 import { useDeferredValue, useState } from "react";
 import { Icon } from "@iconify/react";
 import { ExternalLink, Search } from "lucide-react";
@@ -131,7 +131,7 @@ function InputGroupInput({
 
 // ../../src/components/ui/virtualized-combobox.tsx
 import { useKrakstackLocale } from "@krak-stack/registry/krakstack-provider";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
@@ -208,65 +208,68 @@ var VirtualizedComboboxList = ({
     if (element)
       virtualizer.measure();
   }, [virtualizer]);
-  if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx4("div", {
-      className: "text-muted-foreground py-6 text-center text-sm",
-      children: emptyLabel
-    });
-  }
-  return /* @__PURE__ */ jsx4(ComboboxPrimitive.List, {
-    className: "scroll-py-1 overflow-auto overscroll-contain p-1",
-    ref: handleScrollElementRef,
-    style: {
-      height: Math.min(virtualizer.getTotalSize() + 8, 288),
-      maxHeight: "var(--available-height)"
-    },
-    children: /* @__PURE__ */ jsx4("div", {
-      className: "relative w-full",
-      role: "presentation",
-      style: { height: virtualizer.getTotalSize() },
-      children: virtualizer.getVirtualItems().map((virtualItem) => {
-        const entry = entries[virtualItem.index];
-        if (!entry)
-          return null;
-        const style = {
-          height: virtualItem.size,
-          transform: `translateY(${virtualItem.start}px)`
-        };
-        if (entry.kind === "group") {
-          return /* @__PURE__ */ jsx4(ComboboxPrimitive.Group, {
-            className: "contents",
-            children: /* @__PURE__ */ jsx4(ComboboxPrimitive.GroupLabel, {
-              className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      filteredItems.length === 0 && /* @__PURE__ */ jsx4("div", {
+        className: "text-muted-foreground flex min-h-0 flex-1 flex-col items-center justify-center overflow-auto py-6 text-center text-sm",
+        children: emptyLabel
+      }),
+      /* @__PURE__ */ jsx4(ComboboxPrimitive.List, {
+        className: "min-h-0 flex-1 scroll-py-1 overflow-auto overscroll-contain p-1",
+        hidden: filteredItems.length === 0,
+        ref: handleScrollElementRef,
+        style: {
+          height: Math.min(virtualizer.getTotalSize() + 8, 288),
+          maxHeight: "var(--available-height)"
+        },
+        children: /* @__PURE__ */ jsx4("div", {
+          className: "relative w-full",
+          role: "presentation",
+          style: { height: virtualizer.getTotalSize() },
+          children: virtualizer.getVirtualItems().map((virtualItem) => {
+            const entry = entries[virtualItem.index];
+            if (!entry)
+              return null;
+            const style = {
+              height: virtualItem.size,
+              transform: `translateY(${virtualItem.start}px)`
+            };
+            if (entry.kind === "group") {
+              return /* @__PURE__ */ jsx4(ComboboxPrimitive.Group, {
+                className: "contents",
+                children: /* @__PURE__ */ jsx4(ComboboxPrimitive.GroupLabel, {
+                  className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
+                  "data-index": virtualItem.index,
+                  ref: virtualizer.measureElement,
+                  style,
+                  children: entry.label
+                })
+              }, entry.key);
+            }
+            return /* @__PURE__ */ jsxs(ComboboxPrimitive.Item, {
+              "aria-posinset": entry.index + 1,
+              "aria-setsize": filteredItems.length,
+              className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
               "data-index": virtualItem.index,
+              index: entry.index,
               ref: virtualizer.measureElement,
               style,
-              children: entry.label
-            })
-          }, entry.key);
-        }
-        return /* @__PURE__ */ jsxs(ComboboxPrimitive.Item, {
-          "aria-posinset": entry.index + 1,
-          "aria-setsize": filteredItems.length,
-          className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
-          "data-index": virtualItem.index,
-          index: entry.index,
-          ref: virtualizer.measureElement,
-          style,
-          value: entry.item,
-          children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx4("span", {
-              className: "min-w-0 truncate",
-              children: entry.item.label
-            }),
-            /* @__PURE__ */ jsx4(ComboboxPrimitive.ItemIndicator, {
-              className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx4(Check, {})
-            })
-          ]
-        }, entry.item.value);
+              value: entry.item,
+              children: [
+                renderItem?.(entry.item) ?? /* @__PURE__ */ jsx4("span", {
+                  className: "min-w-0 truncate",
+                  children: entry.item.label
+                }),
+                /* @__PURE__ */ jsx4(ComboboxPrimitive.ItemIndicator, {
+                  className: "absolute right-2 flex size-4 items-center justify-center",
+                  children: /* @__PURE__ */ jsx4(Check, {})
+                })
+              ]
+            }, entry.item.value);
+          })
+        })
       })
-    })
+    ]
   });
 };
 var VirtualizedComboboxContent = ({
@@ -288,10 +291,10 @@ var VirtualizedComboboxContent = ({
       side: "bottom",
       sideOffset: 6,
       children: /* @__PURE__ */ jsxs(ComboboxPrimitive.Popup, {
-        className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
+        className: cn("relative flex max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) flex-col overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
         children: [
           /* @__PURE__ */ jsx4("div", {
-            className: "min-w-0 p-1 pb-0",
+            className: "min-w-0 shrink-0 p-1 pb-0",
             children: /* @__PURE__ */ jsx4(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
               children: /* @__PURE__ */ jsx4(ComboboxPrimitive.Input, {
@@ -447,7 +450,7 @@ function VirtualizedCombobox(props) {
 
 // ../../src/components/ui/icon-input.tsx
 import { useKrakstackLocale as useKrakstackLocale2 } from "@krak-stack/registry/krakstack-provider";
-import { jsx as jsx5, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
 var IconifySearchResponse = Schema.Struct({
   icons: Schema.Array(Schema.String)
 }).pipe(Schema.annotate({ identifier: "IconifySearchResponse" }));
@@ -512,7 +515,7 @@ function IconInput({
   const selectedItem = value ? { label: value, value } : null;
   return /* @__PURE__ */ jsx5(VirtualizedCombobox, {
     ariaLabel: copy.select,
-    contentClassName: "w-80",
+    contentClassName: "h-80 w-80",
     emptyLabel: isWaiting ? null : /* @__PURE__ */ jsxs2("div", {
       className: "text-muted-foreground flex flex-col items-center gap-2 px-3",
       children: [
@@ -565,7 +568,7 @@ function IconInput({
       setIsOpen(false);
     },
     placeholder: copy.select,
-    renderItem: (item) => /* @__PURE__ */ jsxs2(Fragment, {
+    renderItem: (item) => /* @__PURE__ */ jsxs2(Fragment2, {
       children: [
         /* @__PURE__ */ jsx5(Icon, {
           className: "size-5 shrink-0",

package/dist/components/ui/sidebar-layout.js

@@ -1,7 +1,7 @@
 // ../../src/components/ui/sidebar-layout.tsx
 import { Link, Outlet, useRouterState } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";
-import { Cookies } from "effect/unstable/http";
+import { Cookies } from "effect/http";
 import { useState as useState3 } from "react";
 
 // ../../src/components/ui/badge.tsx
@@ -745,7 +745,7 @@ function SidebarLayout({
             ]
           }),
           /* @__PURE__ */ jsx5("div", {
-            className: contentClassName ?? "flex flex-col gap-6 px-5 py-6 md:px-8",
+            className: cn("isolate", contentClassName ?? "flex flex-col gap-6 px-5 py-6 md:px-8"),
             children: children ?? /* @__PURE__ */ jsx5(Outlet, {})
           })
         ]