@facter/ds-core 1.33.4 → 1.33.6

package/dist/index.mjs

@@ -621,12 +621,13 @@ var Select = React10.forwardRef(
         SelectPrimitive.Content,
         {
           className: cn(
-            "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+            "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
           ),
           position: "popper",
           sideOffset: 4,
-          children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", children })
+          style: { maxHeight: "var(--radix-select-content-available-height, 300px)" },
+          children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "p-1", style: { maxHeight: "inherit" }, children })
         }
       ) })
     ] });
@@ -3448,11 +3449,11 @@ function FormSelect({
               {
                 value: option.value,
                 disabled: option.disabled,
-                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  option.icon && /* @__PURE__ */ jsx(option.icon, { className: "h-4 w-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { children: option.label }),
-                    option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground ml-2", children: option.description })
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  option.icon && /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(option.icon, { className: "h-3.5 w-3.5 text-primary" }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-tight", children: option.label }),
+                    option.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs leading-tight text-muted-foreground", children: option.description })
                   ] })
                 ] })
               },